mc {
--bg:#efe4c5;
--bg2:#e2d3ad;
--panel:rgba(249,243,224,.96);
--glass:rgba(239,230,202,.9);
--line:rgba(91,111,105,.28);
--line2:rgba(116,102,160,.22);
--cyan:#347f94;
--cyan2:#2d7186;
--blue:#477fae;
--violet:#796fa2;
--red:#b94f63;
--amber:#9a7029;
--green:#43846d;
--text:#403b32;
--muted:#786f5e;
--dark:#d8c79e;
--shadow:0 16px 38px rgba(74,64,45,.2);
display:block;
position:relative;
box-sizing:border-box;
width:100%;
max-width:1200px;
margin:8px auto;
padding:8px;
overflow:hidden;
color:var(--text);
font:14px/1.65 "Segoe UI","Microsoft YaHei",system-ui,sans-serif;
letter-spacing:.02em;
border:1px solid rgba(117,94,53,.32);
border-radius:18px;
background:
linear-gradient(rgba(117,94,53,.04) 1px,transparent 1px),
linear-gradient(90deg,rgba(117,94,53,.04) 1px,transparent 1px),
radial-gradient(circle at 10% 0%,rgba(177,139,67,.15),transparent 34%),
radial-gradient(circle at 92% 8%,rgba(71,127,148,.09),transparent 30%),
linear-gradient(145deg,#f8efd6 0%,#eadcba 48%,#f4e8c9 100%);
background-size:22px 22px,22px 22px,auto,auto,auto;
box-shadow:0 18px 45px rgba(74,64,45,.22),inset 0 0 30px rgba(255,250,232,.5);
isolation:isolate;
}
mc:before {
content:"";
position:absolute;
z-index:-1;
inset:0;
pointer-events:none;
border-radius:inherit;
background:
linear-gradient(90deg,transparent,rgba(117,94,53,.13),transparent) 0 0/100% 1px no-repeat,
linear-gradient(90deg,transparent,rgba(52,127,148,.1),transparent) 0 100%/100% 1px no-repeat,
linear-gradient(180deg,transparent 48%,rgba(117,94,53,.025) 50%,transparent 52%);
background-size:100% 1px,100% 1px,100% 5px;
}
mc:after {
content:"S-OS / TABLET TERMINAL";
position:absolute;
z-index:30;
right:18px;
bottom:3px;
pointer-events:none;
color:rgba(52,127,148,.42);
font:700 8px/1 monospace;
letter-spacing:.18em;
}
mc d,mc h,mc grid,mc page,mc bar,mc screen,mc top,mc txt,mc foot,mc apps,mc hero,mc pic,mc cap,mc keys,mc aside,mc map,mc se,mc pos,mc mob,mc week,mc event,mc friends,mc chat,mc msg {
position:relative;
max-width:100%;
margin:6px 0;
padding:7px 9px;
border:1px solid rgba(91,111,105,.22);
border-radius:5px 11px 11px 11px;
background:rgba(249,243,224,.94);
}
mc d,mc map,mc se,mc pos,mc event,mc msg{
display:block;
}
mc t,mc c,mc i{
box-sizing:border-box;
}
mc b {
color:#433d32;
}
mc i{
font-style:normal;
}
mc h{
display:block;
margin:10px 0 5px;
padding:5px 8px;
color:var(--cyan);
font-size:13px;
font-weight:800;
letter-spacing:.06em;
border-left:2px solid var(--cyan);
background:linear-gradient(90deg,rgba(82,232,255,.1),transparent 80%);
}
mc d {
margin:3px 0;
padding:6px 8px;
color:#4f625f;
border-bottom:1px solid rgba(52,127,148,.1);
background:linear-gradient(90deg,rgba(52,127,148,.045),transparent);
transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
mc d:hover{
border-color:rgba(82,232,255,.25);
background:linear-gradient(90deg,rgba(82,232,255,.08),transparent);
}
mc c{
display:inline-flex;
align-items:center;
gap:4px;
color:var(--green);
}
mc c:before{
content:"";
width:5px;
height:5px;
border-radius:50%;
background:currentColor;
box-shadow:0 0 8px currentColor;
}
mc hr{
height:1px;
margin:9px 0;
border:0;
background:linear-gradient(90deg,transparent,var(--line),transparent);
}
mc details>summary {
list-style:none;
position:relative;
inset:auto;
cursor:pointer;
touch-action:manipulation;
-webkit-tap-highlight-color:transparent;
overflow-anchor:none;
scroll-margin-top:48px;
scroll-margin-bottom:12px;
}
mc details>summary::-webkit-details-marker{
display:none;
}
mc details>summary:focus-visible{
outline:1px solid var(--cyan);
outline-offset:2px;
}
mc .m {
position:relative;
z-index:4;
margin-bottom:6px;
overflow:hidden;
border:1px solid rgba(152,109,255,.22);
border-radius:10px;
background:var(--panel);
}
mc .m>summary {
padding:7px 10px;
color:#bcaaff;
font:700 11px/1.4 monospace;
letter-spacing:.06em;
background:#ffb6c1;
}
mc .m>summary:after{
content:"PROTOCOL";
float:right;
color:rgba(82,232,255,.55);
font-size:9px;
letter-spacing:.16em;
}
mc .m[open]>summary{
border-bottom:1px solid rgba(152,109,255,.2);
}
mc .m pre {
max-height:42vh;
margin:0;
padding:10px;
overflow:auto;
white-space:pre-wrap;
overflow-wrap:anywhere;
color:#9bb6c6;
font:11px/1.65 "Cascadia Code","SFMono-Regular",monospace;
background:#c0c0c0;
background-size:100% 20px;
}
mc .m think{
display:block;
}
mc>hd {
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:8px;
position:relative;
z-index:3;
min-height:40px;
margin-bottom:7px;
padding:6px 11px;
overflow:hidden;
border:1px solid rgba(185,79,99,.52);
border-radius:10px;
background:
linear-gradient(115deg,transparent 0 16%,rgba(255,255,255,.13) 16.2% 16.8%,transparent 17% 100%),
radial-gradient(circle at 18% -80%,rgba(255,221,230,.72),transparent 48%),
linear-gradient(90deg,rgba(242,169,186,.99),rgba(234,145,166,.97) 54%,rgba(221,128,151,.99));
box-shadow:
inset 0 1px 0 rgba(255,255,255,.5),
inset 0 -1px 0 rgba(159,51,72,.22),
inset 0 0 24px rgba(255,221,230,.2),
0 5px 15px rgba(82,55,64,.2);
backdrop-filter:blur(12px) saturate(1.18);
}
mc>hd:before {
content:"";
position:absolute;
left:0;
top:0;
width:58%;
height:1px;
pointer-events:none;
background:linear-gradient(90deg,transparent,#fff0f4,rgba(255,255,255,.95),transparent);
box-shadow:0 0 10px rgba(255,255,255,.72),0 0 18px rgba(185,79,99,.28);
}
mc>hd>b {
color:#181114;
font:800 12px/1 monospace;
letter-spacing:.16em;
text-shadow:0 1px 0 rgba(255,255,255,.38);
}
mc>hd>t {
min-width:0;
overflow:hidden;
color:#181114;
font-size:12px;
font-weight:600;
text-align:center;
text-overflow:ellipsis;
text-shadow:0 1px 0 rgba(255,255,255,.32);
white-space:nowrap;
}
mc>hd>i {
display:flex;
align-items:center;
gap:5px;
color:#181114;
font:700 9px/1 monospace;
letter-spacing:.12em;
text-shadow:0 1px 0 rgba(255,255,255,.32);
}
mc>hd>i:before{
content:"";
width:6px;
height:6px;
border-radius:50%;
background:currentColor;
box-shadow:0 0 8px currentColor;
animation:mcPulse 2s ease-in-out infinite;
}
mc screen {
display:grid;
grid-template-rows:auto auto auto;
position:relative;
z-index:2;
height:auto;
min-height:0;
max-height:none;
overflow:visible;
border:1px solid rgba(117,94,53,.34);
border-radius:15px;
background:
radial-gradient(circle at 50% -20%,rgba(71,127,148,.1),transparent 48%),
linear-gradient(160deg,rgba(250,244,224,.99),rgba(231,217,181,.98));
box-shadow:inset 0 0 30px rgba(255,250,232,.55),0 9px 24px rgba(74,64,45,.16);
}
mc screen:before {
content:"";
position:absolute;
z-index:2;
inset:0;
pointer-events:none;
border-radius:inherit;
background:linear-gradient(180deg,transparent 0%,rgba(72,125,145,.025) 49%,transparent 51%);
background-size:100% 5px;
opacity:.28;
}
mc screen:after {
content:"";
display:none;
position:absolute;
z-index:3;
top:-24%;
left:0;
width:100%;
height:22%;
pointer-events:none;
background:linear-gradient(180deg,transparent,rgba(52,127,148,.05),transparent);
animation:none;
}
mc top {
display:grid;
grid-template-columns:1fr auto auto;
align-items:center;
gap:8px;
position:relative;
z-index:4;
min-height:40px;
padding:8px 12px;
overflow:hidden;
color:var(--text);
border:1px solid rgba(52,127,148,.42);
border-bottom-color:rgba(52,127,148,.58);
border-radius:9px 9px 3px 3px;
background:
linear-gradient(110deg,transparent 0 72%,rgba(52,127,148,.1) 72.3% 73%,transparent 73.2%),
radial-gradient(circle at 12% -80%,rgba(71,127,174,.18),transparent 46%),
linear-gradient(90deg,rgba(255,255,255,.34),transparent 26%,rgba(52,127,148,.08)),
linear-gradient(180deg,rgba(250,244,225,.99),rgba(222,209,174,.98));
box-shadow:
inset 0 1px 0 rgba(255,255,255,.88),
inset 0 -1px 0 rgba(52,127,148,.18),
inset 0 0 18px rgba(255,250,232,.34),
0 4px 13px rgba(74,64,45,.13);
backdrop-filter:blur(10px) saturate(1.12);
}
mc top>b {
color:var(--cyan2);
font:800 11px/1 monospace;
letter-spacing:.16em;
text-shadow:0 1px 0 rgba(255,255,255,.72),0 0 8px rgba(52,127,148,.16);
}
mc top>t {
color:#403b32;
font:700 10px/1.2 monospace;
letter-spacing:.03em;
text-shadow:0 1px 0 rgba(255,255,255,.72);
}
mc top>i {
color:#9f3348;
font:800 9px/1 monospace;
letter-spacing:.1em;
text-shadow:0 0 6px rgba(185,79,99,.28),0 1px 0 rgba(255,255,255,.55);
animation:none;
}
mc txt {
position:relative;
z-index:1;
min-height:0;
padding:12px 13px 32px;
overflow:visible;
overflow-anchor:none;
overscroll-behavior:auto;
scroll-behavior:auto;
scrollbar-width:auto;
}
mc txt p {
position:relative;
margin:0 0 12px;
padding-left:11px;
color:#443f35;
font-size:14px;
line-height:1.85;
text-align:justify;
}
mc txt p:before{
content:"";
position:absolute;
left:0;
top:.7em;
width:4px;
height:4px;
border:1px solid rgba(82,232,255,.62);
transform:rotate(45deg);
}
mc txt p:first-child:first-letter{
color:var(--cyan);
font-size:20px;
font-weight:800;
text-shadow:0 0 10px rgba(82,232,255,.42);
}
mc txt::-webkit-scrollbar,mc page::-webkit-scrollbar,mc aside::-webkit-scrollbar,mc .m pre::-webkit-scrollbar{
width:6px;
height:6px;
}
mc txt::-webkit-scrollbar-track,mc page::-webkit-scrollbar-track,mc aside::-webkit-scrollbar-track,mc .m pre::-webkit-scrollbar-track {
background:rgba(208,218,224,.78);
}
mc txt::-webkit-scrollbar-thumb,mc page::-webkit-scrollbar-thumb,mc aside::-webkit-scrollbar-thumb,mc .m pre::-webkit-scrollbar-thumb{
border-radius:8px;
background:linear-gradient(var(--cyan),var(--blue));
box-shadow:0 0 7px rgba(82,232,255,.45);
}
mc foot {
display:flex;
align-items:center;
justify-content:space-between;
gap:7px;
position:relative;
z-index:4;
min-height:42px;
padding:6px 8px;
overflow:hidden;
border:1px solid rgba(52,127,148,.34);
border-top-color:rgba(52,127,148,.5);
border-radius:3px 3px 9px 9px;
background:
linear-gradient(115deg,transparent 0 18%,rgba(52,127,148,.055) 18.2% 18.8%,transparent 19%),
radial-gradient(circle at 88% 130%,rgba(71,127,174,.16),transparent 42%),
linear-gradient(180deg,rgba(241,232,207,.98),rgba(222,208,171,.98));
box-shadow:
inset 0 1px 0 rgba(255,255,255,.68),
inset 0 0 18px rgba(255,250,232,.34),
0 -3px 12px rgba(55,72,82,.08);
backdrop-filter:blur(10px) saturate(1.12);
}
mc foot>t {
overflow:hidden;
color:#42545a;
font:600 9px/1.3 monospace;
text-overflow:ellipsis;
text-shadow:0 1px 0 rgba(255,255,255,.68);
white-space:nowrap;
}
mc apps{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:7px;
position:relative;
z-index:5;
margin-top:8px;
}
mc .a {
min-width:0;
overflow-anchor:none;
}
mc .a>summary {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:5px;
position:relative;
min-height:78px;
padding:7px 4px;
overflow:hidden;
color:#52645f;
border:1px solid rgba(91,111,105,.26);
border-radius:14px;
background:
radial-gradient(circle at 50% 8%,rgba(52,127,148,.1),transparent 48%),
linear-gradient(150deg,rgba(250,245,228,.97),rgba(226,214,182,.95));
box-shadow:inset 0 0 16px rgba(255,250,232,.58),0 3px 9px rgba(74,64,45,.1);
transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease;
}
mc .a>summary:before{
content:"";
position:absolute;
left:-45%;
bottom:-70%;
width:110%;
height:110%;
border:1px solid rgba(82,232,255,.11);
border-radius:50%;
transition:transform .45s ease,opacity .45s ease;
}
mc .a>summary:after{
content:attr(data-app);
position:absolute;
right:5px;
top:5px;
width:4px;
height:4px;
border-radius:50%;
background:var(--cyan);
box-shadow:0 0 8px var(--cyan);
}
mc .a>summary>b {
display:grid;
place-items:center;
width:37px;
height:37px;
color:var(--cyan);
font:800 21px/1 monospace;
border:1px solid rgba(52,127,148,.34);
border-radius:11px;
background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(71,127,174,.09));
box-shadow:inset 0 0 11px rgba(255,255,255,.7),0 2px 8px rgba(72,125,145,.1);
text-shadow:none;
}
mc .a>summary>t{
display:block;
max-width:100%;
overflow:hidden;
font-size:12px;
font-weight:700;
letter-spacing:.04em;
text-overflow:ellipsis;
white-space:nowrap;
}
mc .a>summary:hover {
z-index:2;
color:#263b45;
border-color:rgba(52,127,148,.5);
box-shadow:0 7px 18px rgba(55,72,82,.16),inset 0 0 18px rgba(255,255,255,.64);
transform:translateY(-2px);
}
mc .a>summary:hover:before{
opacity:.8;
transform:translate(20%,-12%);
}
mc .a:nth-child(3n+2)>summary{
border-color:rgba(152,109,255,.24);
background:
radial-gradient(circle at 50% 8%,rgba(152,109,255,.15),transparent 48%),
linear-gradient(150deg,rgba(24,20,51,.88),rgba(6,12,26,.92));
}
mc .a:nth-child(3n+2)>summary>b{
color:#b798ff;
border-color:rgba(152,109,255,.38);
background:linear-gradient(145deg,rgba(152,109,255,.15),rgba(38,140,255,.04));
}
mc .a:nth-child(3n)>summary{
border-color:rgba(85,242,176,.2);
}
mc .a:nth-child(3n)>summary>b {
color:var(--green);
border-color:rgba(67,132,109,.32);
background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(67,132,109,.1));
}
mc .a>page{
display:none;
}
mc .a[open]>page {
display:block;
position:relative!important;
z-index:6;
inset:auto!important;
width:100%;
height:auto;
min-height:0;
max-width:none;
max-height:none!important;
box-sizing:border-box;
margin:7px 0 0;
padding:0 9px 10px!important;
overflow:visible!important;
/* 排查报告：
1. 原结构同时让 txt、page 与部分移动端 aside 参与滚动，形成嵌套滚动容器；details 开合后，浏览器可能在不同容器之间重新选择需要显露的焦点元素。
2. page 的 max-height、overflow-y:auto 与 txt:has(.a[open]) 的 overflow-y:hidden 组合，会在展开分栏时把有效滚动上下文从 txt 强制切换到 page；切换后 page 的初始 scrollTop 为 0，因此表现为回到当前状态栏顶部。
3. page 上的 42px 顶部填充、bar 的负外边距及负 sticky 偏移进一步造成滚动几何位置与视觉位置不一致，分栏高度变化时更容易触发滚动校正。
4. keys aside 在桌面、700px 与 430px 规则中分别使用 static、absolute、fixed，并混用 !important；移动端 fixed 覆盖脱离 page 文档流，焦点显露会转而滚动页面或外层容器。
5. 本次统一由 txt 承担状态区域的纵向滚动；page、展开分栏与 aside 全部留在正常文档流中，不再建立第二个纵向滚动上下文。禁用滚动锚定候选，避免 details 开合触发浏览器锚点补偿；sticky bar 只负责视觉固定，不再承担滚动容器定位。 */
overflow-anchor:none;
overscroll-behavior:auto;
scroll-behavior:auto;
color:var(--text);
border:1px solid rgba(52,127,148,.4);
border-radius:12px;
background:
linear-gradient(rgba(52,127,148,.04) 1px,transparent 1px),
linear-gradient(90deg,rgba(52,127,148,.04) 1px,transparent 1px),
radial-gradient(circle at 50% -12%,rgba(71,127,174,.13),transparent 40%),
radial-gradient(circle at 100% 100%,rgba(154,112,41,.1),transparent 32%),
rgba(246,238,214,.99);
background-size:20px 20px,20px 20px,auto,auto,auto;
box-shadow:0 10px 26px rgba(74,64,45,.2),inset 0 0 28px rgba(255,250,232,.58);
animation:none;
}
mc .a[open]>page:before {
content:"";
position:absolute;
z-index:-1;
inset:0;
pointer-events:none;
border-radius:11px;
background:
linear-gradient(90deg,rgba(52,127,148,.3),transparent 28%) 0 0/100% 1px no-repeat,
linear-gradient(180deg,transparent 49%,rgba(52,127,148,.025) 50%,transparent 51%);
background-size:100% 1px,100% 5px;
}
mc .a[open]>summary {
display:flex;
flex-direction:row;
gap:6px;
position:relative!important;
z-index:7;
top:auto!important;
right:auto!important;
min-height:34px;
width:100%;
max-width:none;
padding:6px 10px;
color:var(--red);
border-color:rgba(52,127,148,.38);
border-radius:9px;
background:
linear-gradient(90deg,rgba(7,27,42,.97),rgba(15,42,54,.96));
box-shadow:0 4px 12px rgba(55,72,82,.18),inset 0 0 14px rgba(52,127,148,.08);
}
mc .a[open]>summary>b{
width:auto;
height:auto;
padding:0;
color:var(--red);
font-size:13px;
border:0;
background:none;
box-shadow:none;
}
mc .a[open]>summary>t {
font-size:10px;
color:#d8e9eb;
}
mc .a[open]>summary:before{
display:none;
}
mc .a[open]>summary:after{
content:"×";
position:static;
width:auto;
height:auto;
color:var(--red);
font:800 16px/1 monospace;
background:none;
box-shadow:none;
}
mc page>bar {
display:grid;
grid-template-columns:1fr auto;
align-items:center;
gap:8px;
position:sticky;
z-index:8;
top:0!important;
min-height:36px;
margin:0 -9px 9px!important;
padding:7px 10px!important;
overflow-anchor:none;
border-bottom:1px solid rgba(52,127,148,.3);
background:rgba(18,42,53,.98);
backdrop-filter:none;
box-shadow:0 5px 14px rgba(55,72,82,.18);
}
mc page>bar:before{
content:"";
position:absolute;
left:0;
bottom:-1px;
width:28%;
height:1px;
background:linear-gradient(90deg,var(--cyan),transparent);
box-shadow:0 0 7px var(--cyan);
}
mc page>bar>b {
overflow:hidden;
color:#a9d4dc;
font:800 12px/1.2 monospace;
letter-spacing:.08em;
text-overflow:ellipsis;
white-space:nowrap;
}
mc page>bar>i{
color:rgba(82,232,255,.54);
font:700 9px/1 monospace;
letter-spacing:.14em;
}
mc grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:5px;
}
mc grid>d{
margin:0;
min-width:0;
}
mc .hp{
border-left:2px solid var(--red);
background:linear-gradient(90deg,rgba(255,66,103,.09),transparent);
}
mc .mp{
border-left:2px solid var(--blue);
background:linear-gradient(90deg,rgba(38,140,255,.1),transparent);
}
mc .san{
border-left:2px solid var(--violet);
background:linear-gradient(90deg,rgba(152,109,255,.1),transparent);
}
mc .sk {
border-left:2px solid var(--violet);
color:#5c527f;
}
mc .it {
border-left:2px solid var(--amber);
color:#76531c;
}
mc .x{
color:#ff93a8;
border-color:rgba(255,66,103,.3);
background:linear-gradient(90deg,rgba(255,66,103,.13),transparent);
animation:mcAlert 2s ease-in-out infinite;
}
mc map,mc se,mc pos {
margin:5px 0;
padding:8px 10px 8px 31px;
position:relative;
color:#506974;
border:1px solid rgba(72,125,145,.18);
border-radius:7px;
background:rgba(229,236,240,.76);
}
mc map:before,mc se:before,mc pos:before{
position:absolute;
left:10px;
top:8px;
color:var(--cyan);
font:800 12px/1.65 monospace;
}
mc map:before{content:"⌖"}
mc se:before{content:"≈"}
mc pos:before{content:"+"}
mc mob{
display:block;
position:relative;
margin-top:7px;
padding:3px;
overflow:hidden;
border:1px solid rgba(255,66,103,.23);
border-radius:9px;
background:rgba(35,5,16,.36);
}
mc mob:after{
content:"";
position:absolute;
right:-27px;
top:-27px;
width:70px;
height:70px;
pointer-events:none;
border:1px solid rgba(255,66,103,.22);
border-radius:50%;
box-shadow:inset 0 0 0 9px rgba(255,66,103,.025),inset 0 0 0 18px rgba(255,66,103,.018);
animation:mcRadar 5s linear infinite;
}
mc hero {
display:grid;
grid-template-columns:minmax(0,1fr) minmax(140px,20%);
gap:8px;
align-items:start;
}
mc pic {
display:block;
position:sticky;
top:4px;
min-width:0;
overflow:hidden;
aspect-ratio:512/768;
border:1px solid rgba(82,232,255,.32);
border-radius:12px;
background:
linear-gradient(135deg,rgba(52,127,148,.08),rgba(121,111,162,.06)),
rgba(249,243,224,.98);
box-shadow:inset 0 0 28px rgba(52,127,148,.06),0 8px 24px rgba(74,64,45,.18);
}
mc pic:before{
content:"FULL-FRAME OPTICAL FEED";
position:absolute;
z-index:3;
left:8px;
top:7px;
color:rgba(82,232,255,.7);
font:700 8px/1 monospace;
letter-spacing:.13em;
text-shadow:0 0 7px var(--cyan);
}
mc pic:after{
content:"";
position:absolute;
z-index:2;
inset:0;
pointer-events:none;
border:8px solid transparent;
border-image:linear-gradient(135deg,rgba(82,232,255,.35),transparent 18%,transparent 82%,rgba(152,109,255,.32)) 1;
box-shadow:inset 0 0 25px rgba(0,0,0,.25);
}
mc pic>img {
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
background:transparent;
}
mc pic>cap{
position:absolute;
z-index:4;
right:7px;
bottom:6px;
padding:3px 6px;
color:rgba(195,241,255,.72);
font:700 8px/1 monospace;
letter-spacing:.08em;
border:1px solid rgba(82,232,255,.2);
border-radius:4px;
background:rgba(2,9,17,.72);
}
mc keys{
display:flex;
flex-direction:column;
gap:5px;
min-width:0;
}
mc keys>details {
position:relative!important;
inset:auto!important;
width:100%;
min-width:0;
overflow:visible;
overflow-anchor:none;
scroll-margin-top:8px;
scroll-margin-bottom:12px;
}
mc keys>details>summary {
display:flex;
align-items:center;
position:relative;
inset:auto;
min-height:37px;
padding:7px 9px;
overflow-anchor:none;
scroll-margin-top:8px;
scroll-margin-bottom:12px;
color:#506a76;
font-size:12px;
font-weight:700;
border:1px solid rgba(72,125,145,.2);
border-radius:8px;
background:linear-gradient(90deg,rgba(230,237,241,.96),rgba(247,249,250,.94));
transition:color .2s,border-color .2s,transform .2s,background .2s;
}
mc keys>details>summary:before{
content:"";
width:5px;
height:5px;
margin-right:7px;
border:1px solid var(--cyan);
transform:rotate(45deg);
}
mc keys>details>summary:after{
content:"+";
margin-left:auto;
color:var(--cyan);
font:700 13px/1 monospace;
}
mc keys>details>summary:hover {
color:#263b45;
border-color:rgba(52,127,148,.42);
background:linear-gradient(90deg,rgba(210,226,233,.9),rgba(246,249,250,.96));
transform:translateX(-2px);
}
mc keys>details[open]>summary{
color:var(--cyan);
border-color:rgba(82,232,255,.48);
}
mc keys>details[open]>summary:after{
content:"−";
}
mc keys aside {
display:block;
position:static!important;
z-index:auto!important;
inset:auto!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
width:100%!important;
max-width:100%;
max-height:none!important;
box-sizing:border-box;
margin-top:4px;
padding:7px;
overflow:visible!important;
overflow-anchor:none;
overscroll-behavior:auto!important;
scroll-behavior:auto!important;
border:1px solid rgba(72,125,145,.24);
border-radius:8px;
background:rgba(241,245,247,.98);
box-shadow:0 8px 20px rgba(55,72,82,.16),inset 0 0 16px rgba(255,255,255,.58);
animation:none;
}
mc .r1 {
color:#695018;
border-left:2px solid #b78922;
background:linear-gradient(90deg,rgba(183,137,34,.13),transparent);
}
mc .r2 {
color:#4f626b;
border-left:2px solid #8298a3;
}
mc .r3 {
color:#874b2d;
border-left:2px solid #b9663d;
}
mc .r4 {
color:#a82f49;
border-left:2px solid var(--red);
}
mc .tr{
position:relative;
padding-left:14px;
border-left:2px solid var(--cyan);
}
mc .tr:before{
content:"";
position:absolute;
left:-5px;
top:12px;
width:7px;
height:7px;
border-radius:50%;
background:var(--cyan);
box-shadow:0 0 9px var(--cyan);
}
mc .tr>t {
display:block;
margin-top:3px;
color:#536f7b;
}
mc page>details {
position:relative;
inset:auto;
margin:5px 0;
overflow:hidden;
overflow-anchor:none;
scroll-margin-top:8px;
scroll-margin-bottom:12px;
border:1px solid rgba(72,125,145,.18);
border-radius:8px;
background:rgba(232,239,243,.78);
}
mc page>details>summary {
position:relative;
inset:auto;
padding:7px 9px;
overflow-anchor:none;
scroll-margin-top:8px;
scroll-margin-bottom:12px;
color:#506974;
font-weight:700;
background:linear-gradient(90deg,rgba(72,125,145,.09),transparent);
}
mc page>details>summary:after{
content:"+";
float:right;
color:var(--cyan);
}
mc page>details[open]>summary:after{
content:"−";
}
mc week {
display:block;
width:100%;
min-width:0;
max-width:100%;
overflow-x:auto;
border:1px solid rgba(72,125,145,.22);
border-radius:10px;
background:rgba(238,243,246,.9);
scrollbar-width:thin;
scrollbar-color:var(--cyan2) #d6e0e5;
}
mc week>d {
display:grid;
grid-template-columns:minmax(56px,82px) repeat(7,minmax(0,1fr));
width:100%;
min-width:100%;
margin:0;
padding:0;
border:0;
border-bottom:1px solid rgba(117,94,53,.24);
background:none;
box-sizing:border-box;
}
mc week>d:first-child {
position:sticky;
top:0;
z-index:2;
color:var(--cyan);
background:#dce7ec;
}
mc week>d>b,mc week>d>t {
color:#465f6a;
font-size:11px;
}
mc week>d>b{
color:var(--cyan);
font-size:11px;
letter-spacing:.04em;
}
mc week>d>t{
color:#abc6d2;
font-size:11px;
}
mc week>d>t:first-child {
position:sticky;
left:0;
z-index:1;
color:#39758a;
font-weight:700;
background:#e2ebef;
}
mc week>d:hover{
background:rgba(82,232,255,.045);
}
mc event {
display:grid;
grid-template-columns:minmax(120px,.34fr) 1fr auto;
align-items:center;
gap:7px;
margin:5px 0;
padding:7px 9px;
border:1px solid rgba(154,112,41,.28);
border-left:2px solid var(--amber);
border-radius:7px;
background:linear-gradient(90deg,rgba(154,112,41,.12),rgba(249,243,224,.78));
}
mc event>b{
color:var(--amber);
font:700 10px/1.4 monospace;
}
mc event>t {
color:#49443a;
}
mc event>c{
color:var(--amber);
font-size:10px;
white-space:nowrap;
}
mc friends{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:7px;
}
mc friends>details {
min-width:0;
overflow:hidden;
border:1px solid rgba(72,125,145,.2);
border-radius:11px;
background:linear-gradient(145deg,rgba(246,249,250,.96),rgba(222,231,236,.94));
transition:border-color .2s,box-shadow .2s,transform .2s;
}
mc friends>details:hover{
border-color:rgba(82,232,255,.4);
box-shadow:0 7px 18px rgba(0,0,0,.24);
transform:translateY(-2px);
}
mc friends>details>summary{
display:grid;
grid-template-columns:44px minmax(0,1fr) auto;
grid-template-rows:auto auto;
align-items:center;
gap:2px 8px;
position:relative;
min-height:61px;
padding:7px;
}
mc friends>details>summary>img{
grid-row:1/3;
display:block;
width:44px;
height:44px;
object-fit:cover;
border:1px solid rgba(82,232,255,.4);
border-radius:11px;
background:#071523;
box-shadow:0 0 10px rgba(82,232,255,.1);
}
mc friends>details>summary>b{
overflow:hidden;
font-size:12px;
text-overflow:ellipsis;
white-space:nowrap;
}
mc friends>details>summary>t{
overflow:hidden;
color:var(--green);
font-size:9px;
text-overflow:ellipsis;
white-space:nowrap;
}
mc friends>details>summary>i{
grid-column:3;
grid-row:1/3;
display:grid;
place-items:center;
min-width:20px;
height:20px;
padding:0 5px;
color:#fff;
font:700 9px/1 monospace;
border-radius:10px;
background:var(--red);
box-shadow:0 0 9px rgba(255,66,103,.45);
}
mc friends>details[open]{
grid-column:1/-1;
transform:none;
}
mc friends>details[open]>summary{
border-bottom:1px solid rgba(82,232,255,.15);
}
mc chat {
display:block;
position:relative;
padding:9px;
overflow:hidden;
border:1px solid rgba(91,111,105,.28);
border-radius:12px;
background:
linear-gradient(135deg,rgba(255,255,255,.32),transparent 42%),
radial-gradient(circle at 100% 0%,rgba(52,127,148,.1),transparent 38%),
linear-gradient(180deg,rgba(244,236,213,.94),rgba(226,213,178,.9));
box-shadow:
inset 0 1px 0 rgba(255,255,255,.72),
inset 0 0 18px rgba(255,250,232,.36),
0 4px 12px rgba(74,64,45,.1);
backdrop-filter:blur(9px) saturate(1.08);
animation:none;
}
mc msg{
position:relative;
max-width:78%;
margin:6px 0;
padding:7px 9px;
border:1px solid rgba(82,232,255,.17);
border-radius:5px 11px 11px 11px;
background:rgba(9,31,48,.78);
}
mc msg>b{
display:block;
margin-bottom:2px;
color:var(--cyan);
font-size:10px;
}
mc msg>t {
display:block;
color:#405762;
}
mc msg>i {
display:block;
margin-top:3px;
color:#788991;
font:9px/1 monospace;
text-align:right;
}
mc msg.u {
margin-left:auto;
border-color:rgba(52,127,148,.34);
border-radius:11px 5px 11px 11px;
background:rgba(185,222,237,.96);
}
mc msg.u>b {
color:#245f78;
}
mc msg.n:before,mc msg.u:before {
right:-5px;
border-color:rgba(52,127,148,.5);
}
mc msg.n:before {
left:-5px;
border-color:rgba(185,79,99,.48);
}
mc msg.u:before{
right:-5px;
border-color:rgba(152,109,255,.45);
}
@keyframes mcOpen{
from{opacity:0;transform:scale(.975) translateY(8px)}
to{opacity:1;transform:scale(1) translateY(0)}
}
@keyframes mcAside{
from{opacity:0;transform:translateY(-4px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes mcPulse{
0%,100%{opacity:.55}
50%{opacity:1}
}
@keyframes mcScan{
from{transform:translateY(0)}
to{transform:translateY(620%)}
}
@keyframes mcAlert{
0%,100%{box-shadow:inset 0 0 0 rgba(255,66,103,0)}
50%{box-shadow:inset 0 0 17px rgba(255,66,103,.08)}
}
@keyframes mcRadar{
from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@media(max-width:700px){
mc{
margin:4px auto;
padding:5px;
border-radius:13px;
font-size:13px;
}
mc>hd{
grid-template-columns:1fr auto;
gap:4px;
padding:6px 8px;
}
mc>hd>t{
grid-column:1/-1;
grid-row:2;
text-align:left;
}
mc screen{
height:80vh;
min-height:400px;
border-radius:12px;
}
mc top{
grid-template-columns:1fr auto;
}
mc top>t{
display:none;
}
mc txt{
padding:10px 9px 28px;
}
mc txt p{
font-size:13px;
line-height:1.82;
}
mc foot{
justify-content:flex-start;
overflow-x:auto;
}
mc foot>t{
flex:0 0 auto;
}
mc apps{
gap:5px;
}
mc .a>summary{
min-height:78px;
padding:6px 3px;
border-radius:11px;
}
mc .a>summary>b{
width:33px;
height:33px;
font-size:18px;
border-radius:9px;
}
mc .a>summary>t{
font-size:11px;
}
mc .a[open]>page{
inset:4px;
padding:45px 6px 18px;
border-radius:13px;
}
mc .a[open]>summary{
top:11px;
right:11px;
}
mc page>bar{
top:-45px;
margin:-45px -6px 8px;
padding:7px 130px 7px 8px;
}
mc page>bar>i{
display:none;
}
mc grid{
grid-template-columns:1fr;
}
mc hero{
grid-template-columns:minmax(0,1fr) 112px;
gap:5px;
}
mc pic{
top:1px;
}
mc keys{
gap:4px;
}
mc keys>details>summary{
min-height:34px;
padding:6px;
font-size:11px;
}
mc keys>details>summary:before{
display:none;
}
mc keys aside{
position:absolute;
z-index:6;
right:0;
width:min(78vw,430px);
max-height:57vh;
box-shadow:0 12px 34px rgba(0,0,0,.62);
}
mc friends{
grid-template-columns:1fr;
}
mc friends>details[open]{
grid-column:auto;
}
mc event{
grid-template-columns:1fr auto;
}
mc event>t{
grid-column:1/-1;
grid-row:2;
}
mc .m pre{
font-size:10px;
}
}
@media(max-width:430px){
mc apps{
grid-template-columns:repeat(3,minmax(0,1fr));
}
mc .a>summary{
min-height:72px;
}
mc .a>summary>b{
width:30px;
height:30px;
font-size:16px;
}
mc .a>summary>t{
font-size:10px;
}
mc hero{
display:block;
}
mc pic{
position:relative;
width:100%;
margin-bottom:6px;
}
mc keys{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
}
mc keys>details>summary{
justify-content:center;
text-align:center;
}
mc keys>details>summary:after{
margin-left:4px;
}
mc keys aside{
position:fixed;
z-index:9998;
left:12px;
right:12px;
bottom:14px;
width:auto;
max-height:48vh;
}
mc event{
display:block;
}
mc event>b,mc event>t,mc event>c{
display:block;
margin:2px 0;
}
}
@media(prefers-reduced-motion:reduce){
mc>hd>i:before,mc screen:after,mc .x,mc mob:after{
animation:none;
}
mc .a[open]>page,mc keys aside,mc chat{
animation:none;
}
mc .a>summary,mc keys>details>summary,mc friends>details{
transition:none;
}
}
.markdown-body pre{
margin:12px 0 !important;
overflow:hidden !important;
border:1px solid rgba(82,232,255,.3) !important;
border-radius:13px !important;
background:#030914 !important;
box-shadow:0 12px 32px rgba(0,0,0,.35),inset 0 0 24px rgba(82,232,255,.025) !important;
}
.markdown-body pre>div{
overflow:hidden !important;
border-radius:12px !important;
background:#030914 !important;
}
.markdown-body pre>div>div.flex.justify-between.h-8,
.markdown-body pre>div>div.border-b{
height:34px !important;
padding:0 9px 0 12px !important;
color:#9ecbd9 !important;
border-color:rgba(82,232,255,.18) !important;
background:linear-gradient(90deg,#082039,#10152f) !important;
}
.markdown-body pre>div>div.flex.justify-between>div.text-\[13px\],
.markdown-body pre>div>div.flex.justify-between>div:first-child{
color:#52e8ff !important;
font-family:"Cascadia Code","SFMono-Regular",monospace !important;
font-size:11px !important;
font-weight:700 !important;
letter-spacing:.12em !important;
text-transform:uppercase !important;
}
.markdown-body pre>div>div.flex.justify-between>div:last-child{
display:flex !important;
align-items:center !important;
}
.markdown-body pre .tooltip-container{
display:flex !important;
align-items:center !important;
}
.markdown-body pre div[data-tooltip-id^="copy-tooltip"]{
border-radius:6px !important;
transition:background .2s ease,box-shadow .2s ease !important;
}
.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover{
background:rgba(82,232,255,.1) !important;
box-shadow:0 0 10px rgba(82,232,255,.12) !important;
}
.markdown-body pre svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"]>svg{
color:#82cfe2 !important;
}
.markdown-body pre .group:hover svg.lucide-copy,
.markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover>svg{
color:#52e8ff !important;
}
.markdown-body pre>div>div[node]{
padding:12px 14px !important;
overflow-x:auto !important;
color:#bbdce7 !important;
background:
linear-gradient(rgba(82,232,255,.018) 1px,transparent 1px),
linear-gradient(90deg,rgba(82,232,255,.018) 1px,transparent 1px),
#030914 !important;
background-size:20px 20px !important;
scrollbar-width:thin !important;
scrollbar-color:#168caf #030914 !important;
}
.markdown-body pre code[class^="language-"],
.markdown-body pre>div>div[node]>code{
color:#bbdce7 !important;
font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace !important;
font-size:12px !important;
line-height:1.7 !important;
text-shadow:none !important;
}
.markdown-body pre code[class^="language-"]>span,
.markdown-body pre code span{
text-shadow:none !important;
}
.markdown-body pre>code[node],
.markdown-body pre>code:only-child{
display:block !important;
padding:12px 14px !important;
overflow-x:auto !important;
color:#bbdce7 !important;
font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace !important;
font-size:12px !important;
line-height:1.7 !important;
white-space:pre !important;
background:#030914 !important;
}
.markdown-body pre>div>div[node]::-webkit-scrollbar,
.markdown-body pre>code[node]::-webkit-scrollbar{
width:6px;
height:6px;
}
.markdown-body pre>div>div[node]::-webkit-scrollbar-track,
.markdown-body pre>code[node]::-webkit-scrollbar-track{
background:#030914;
}
.markdown-body pre>div>div[node]::-webkit-scrollbar-thumb,
.markdown-body pre>code[node]::-webkit-scrollbar-thumb{
border-radius:8px;
background:linear-gradient(90deg,#168caf,#52e8ff);
}
.markdown-body [id^="copy-tooltip"]{
color:#d8f8ff !important;
border:1px solid rgba(82,232,255,.25) !important;
background:#071827 !important;
box-shadow:0 7px 20px rgba(0,0,0,.4) !important;
}
mc .a:nth-child(3n+2)>summary {
border-color:rgba(121,111,162,.25);
background:
radial-gradient(circle at 50% 8%,rgba(121,111,162,.11),transparent 48%),
linear-gradient(150deg,rgba(249,249,252,.96),rgba(226,225,235,.94));
}
mc .a:nth-child(3n+2)>summary>b {
color:#796fa2;
border-color:rgba(121,111,162,.34);
background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(121,111,162,.1));
}
mc .a[open] {
grid-column:1/-1;
width:100%;
min-width:0;
overflow-anchor:none;
}
mc top:before {
content:"";
position:absolute;
left:10px;
right:10px;
bottom:0;
height:1px;
pointer-events:none;
background:linear-gradient(90deg,var(--cyan),rgba(52,127,148,.12) 46%,transparent 82%);
box-shadow:-4px 0 8px rgba(52,127,148,.42);
}
mc foot:before {
content:"INPUT / NEURAL LINK";
position:absolute;
right:10px;
top:2px;
pointer-events:none;
color:rgba(52,127,148,.38);
font:700 7px/1 monospace;
letter-spacing:.15em;
}
mc foot :is(input,textarea) {
flex:1 1 auto;
min-width:0;
min-height:32px;
box-sizing:border-box;
margin:0;
padding:8px 11px;
resize:none;
outline:none;
color:#353b39;
font:600 11px/1.35 "Segoe UI","Microsoft YaHei",system-ui,sans-serif;
letter-spacing:.03em;
caret-color:var(--cyan);
border:1px solid rgba(52,127,148,.46);
border-radius:6px 10px 10px 10px;
background:
linear-gradient(90deg,rgba(52,127,148,.06) 1px,transparent 1px) 0 0/18px 100%,
radial-gradient(circle at 0 50%,rgba(52,127,148,.09),transparent 34%),
linear-gradient(180deg,rgba(255,255,255,.92),rgba(244,237,216,.94));
box-shadow:
inset 0 1px 3px rgba(74,64,45,.11),
inset 3px 0 0 rgba(52,127,148,.48),
0 1px 0 rgba(255,255,255,.72),
0 2px 7px rgba(74,64,45,.08);
transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
mc foot :is(input,textarea)::placeholder {
color:rgba(64,59,50,.68);
font-family:monospace;
letter-spacing:.06em;
}
mc foot :is(input,textarea):focus {
border-color:rgba(52,127,148,.82);
background:
linear-gradient(90deg,rgba(52,127,148,.07) 1px,transparent 1px) 0 0/18px 100%,
radial-gradient(circle at 0 50%,rgba(52,127,148,.11),transparent 36%),
linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,240,219,.98));
box-shadow:
inset 0 1px 3px rgba(74,64,45,.08),
inset 3px 0 0 var(--cyan),
0 0 0 2px rgba(52,127,148,.12),
0 0 15px rgba(52,127,148,.18);
}
mc foot button {
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
min-width:34px;
min-height:30px;
box-sizing:border-box;
margin:0;
padding:6px 10px;
cursor:pointer;
overflow:hidden;
color:#cbe7eb;
font:800 9px/1 monospace;
letter-spacing:.1em;
text-shadow:0 1px 1px rgba(0,0,0,.58),0 0 7px rgba(82,232,255,.22);
border:1px solid rgba(52,127,148,.58);
border-radius:5px 9px 9px 9px;
background:
linear-gradient(135deg,rgba(255,255,255,.1),transparent 42%),
linear-gradient(180deg,rgba(31,75,91,.98),rgba(8,31,49,.99));
box-shadow:
inset 0 1px 0 rgba(255,255,255,.12),
inset 0 -1px 0 rgba(0,0,0,.32),
0 3px 8px rgba(55,72,82,.18);
transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
mc foot button:hover {
color:#effcff;
border-color:rgba(82,232,255,.72);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.16),
inset 0 0 12px rgba(82,232,255,.08),
0 4px 11px rgba(55,72,82,.24),
0 0 10px rgba(52,127,148,.2);
transform:translateY(-1px);
}
mc foot button:active {
box-shadow:inset 0 2px 5px rgba(0,0,0,.28),0 1px 3px rgba(55,72,82,.15);
transform:translateY(1px);
}
mc foot button:focus-visible {
outline:1px solid rgba(82,232,255,.78);
outline-offset:2px;
}
mc foot button:disabled {
cursor:not-allowed;
opacity:.48;
filter:saturate(.55);
transform:none;
}
mc .a[open]>page > :not(bar) {
width:100%;
max-width:100%;
box-sizing:border-box;
overflow-anchor:none;
}
mc msg.n {
border-color:rgba(185,79,99,.34);
background:rgba(246,190,205,.94);
}
mc msg.n>b {
color:#9f3348;
}
@media screen and (max-width:700px) {
mc hero {
display:block;
}
mc pic {
position:relative;
top:auto;
width:100%;
margin-bottom:6px;
}
mc keys {
display:grid;
grid-template-columns:minmax(0,1fr);
gap:4px;
width:100%;
min-width:0;
}
mc keys>details {
width:100%;
min-width:0;
}
mc keys>details>summary {
justify-content:flex-start;
min-width:0;
white-space:nowrap;
word-break:normal;
writing-mode:horizontal-tb;
}
mc keys>details>summary:after {
flex:0 0 auto;
}
mc keys aside {
position:static!important;
z-index:auto!important;
inset:auto!important;
width:100%!important;
max-height:none!important;
overflow:visible!important;
writing-mode:horizontal-tb;
}
mc keys aside * {
writing-mode:horizontal-tb;
}
mc .a[open]>page {
max-height:none!important;
padding:0 6px 18px!important;
overflow:visible!important;
}
mc .a[open]>page>bar {
top:0!important;
margin:0 -6px 8px!important;
padding:7px 8px!important;
}
mc>hd>i:before,mc screen:after,mc .x,mc mob:after {
animation:none!important;
}
mc .a[open]>page,mc keys aside,mc chat {
animation:none!important;
}
mc .a>summary,mc keys>details>summary,mc friends>details {
transition:none!important;
}
nav:has(> header #nav-left) > header:before,
#prompt-input [data-slot="input-group"]:before,
.is-assistant > div:first-child:after {
animation:none!important;
}
.is-user > div:first-child,
.is-assistant > div:first-child,
.is-user > div:first-child:before,
.is-assistant > div:first-child:before,
#prompt-input [data-slot="input-group"],
nav:has(> header #nav-left) > header {
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
}
.is-user > div:first-child,
.is-assistant > div:first-child {
transition:none!important;
}
.is-assistant > div:first-child {
background:var(--card);
box-shadow:none;
}
}
mc .a[open]>page>bar {
overflow-anchor:none;
}
mc .a[open]>page:has(week) {
width:100%;
min-width:0;
max-width:none;
max-height:none!important;
overflow:visible!important;
}
mc .a[open]>page hero {
grid-template-columns:minmax(0,1fr);
}
mc screen,mc txt,mc apps,mc keys {
overflow-anchor:none;
}
/* 修复：展开小栏目时滚动区域回弹至顶部 */
/* 禁止展开时产生额外的平滑滚动计算 */
mc .a[open] > page,
mc keys aside {
  scroll-behavior:auto !important;
}
/* 保持被点击的小栏目标题处于稳定层级 */
mc keys > details > summary,
mc page > details > summary {
  position:relative;
  z-index:2;
}
/* 手机端修正原样式中 position:static!important
   覆盖 position:fixed 的冲突 */
@media screen and (max-width:430px) {
mc keys aside {
position:static!important;
z-index:auto!important;
inset:auto!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
width:100%!important;
max-height:none!important;
overflow:visible!important;
overscroll-behavior:auto!important;
}
}
mc week>d:nth-child(even):not(:first-child) {
background:#fff;
}
mc week>d:nth-child(odd):not(:first-child) {
background:#f1e5c7;
}
mc week>d:nth-child(even):not(:first-child)>t:first-child {
background:#fff;
}
mc week>d:nth-child(odd):not(:first-child)>t:first-child {
background:#f1e5c7;
}
mc week>d:nth-child(even):not(:first-child):hover {
background:linear-gradient(rgba(52,127,148,.055),rgba(52,127,148,.055)),#fff;
}
mc week>d:nth-child(odd):not(:first-child):hover {
background:linear-gradient(rgba(52,127,148,.055),rgba(52,127,148,.055)),#f1e5c7;
}
mc txt pic {
display:none;
}
mc .a[open]>page hero>pic {
display:block;
}
mc txt>img,mc txt>a>img,mc txt p img {
display:none!important;
}
mc details.a[data-i="FACTION"] {
display:block;
width:100%;
min-width:0;
overflow-anchor:none;
box-sizing:border-box;
}
/* === 气泡容器基础样式 === */
/* === 动画效果 === */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* === 响应式适配 === */
@media (max-width: 768px) {
  .jjk-chat {
    max-width: 95%;
  }
  .jjk-avatar {
    width: 50px;
    height: 50px;
  }
  .jjk-bubble {
    font-size: 14px;
    padding: 10px 14px;
  }
}
/* ============================================
   气泡对话系统 - 已适配 mc 作用域
   ============================================ */
mc txt .jjk-chat {
  display:flex;
  align-items:flex-start;
  min-width:0;
  margin:15px 0;
  gap:12px;
  max-width:85%;
  color:var(--text);
  text-align:left;
  text-shadow:none;
  box-sizing:border-box;
  animation:fadeIn 0.4s ease-out;
}
mc txt .jjk-chat[data-align="left"] {
  margin-right: auto;
  flex-direction: row;
}
mc txt .jjk-chat[data-align="right"] {
  margin-left: auto;
  flex-direction: row-reverse;
}
mc txt .jjk-avatar {
  display:block!important;
  width:60px;
  height:60px;
  max-width:none;
  margin:0;
  padding:0;
  border-radius:50%;
  object-fit:cover;
  object-position:center 15%;
  flex-shrink:0;
  box-sizing:border-box;
  box-shadow:0 2px 8px rgba(0,0,0,0.15);
  border:2px solid rgba(255,255,255,0.8);
}
mc txt .jjk-content {
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  gap:6px;
  min-width:0;
  max-width:none;
}
mc txt .jjk-name {
  font-size: 13px;
  font-weight: 600;
  opacity: 0.75;
  padding: 0 4px;
}
mc txt .jjk-chat[data-gender="f"] .jjk-name {
  color: #ff6b9d;
}
mc txt .jjk-chat[data-gender="m"] .jjk-name {
  color: #4a90e2;
}
mc txt .jjk-bubble {
  position:relative;
  max-width:100%;
  padding:12px 16px;
  border-radius:18px;
  line-height:1.6;
  font-size:15px;
  text-align:left;
  text-shadow:none;
  word-wrap:break-word;
  overflow-wrap:anywhere;
  box-sizing:border-box;
  box-shadow:0 2px 6px rgba(0,0,0,0.1);
}
mc txt .jjk-chat[data-gender="f"] .jjk-bubble {
  background: linear-gradient(135deg, #ffe0f0 0%, #ffc0e0 100%);
  color: #4a2639;
}
mc txt .jjk-chat[data-gender="m"] .jjk-bubble {
  background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
  color: #1a3a52;
}
mc txt .jjk-chat[data-align="left"] .jjk-bubble::before {
  content: '';
  position: absolute;
  left: -8px;
  top: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 8px 0;
}
mc txt .jjk-chat[data-gender="f"][data-align="left"] .jjk-bubble::before {
  border-color: transparent #ffe0f0 transparent transparent;
}
mc txt .jjk-chat[data-gender="m"][data-align="left"] .jjk-bubble::before {
  border-color: transparent #e3f2fd transparent transparent;
}
mc txt .jjk-chat[data-align="right"] .jjk-bubble::before {
  content: '';
  position: absolute;
  right: -8px;
  top: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
}
mc txt .jjk-chat[data-gender="f"][data-align="right"] .jjk-bubble::before {
  border-color: transparent transparent transparent #ffc0e0;
}
mc txt .jjk-chat[data-gender="m"][data-align="right"] .jjk-bubble::before {
  border-color: transparent transparent transparent #bbdefb;
}
mc txt .jjk-bubble strong {
  display: block;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(0,0,0,0.08);
  font-weight: 600;
}
mc txt .jjk-chat[data-gender="f"] .jjk-bubble strong {
  color: #d81b60;
}
mc txt .jjk-chat[data-gender="m"] .jjk-bubble strong {
  color: #1976d2;
}
/* 修复继承冲突 */
mc txt .jjk-chat p {
  position:relative;
  margin:0;
  padding:0;
  color:inherit;
  font-size:inherit;
  line-height:inherit;
  text-align:inherit;
  text-shadow:none;
  letter-spacing:inherit;
}
mc txt .jjk-chat p:before {
  content:none;
  display:none;
}
/* 响应式适配（统一使用你的断点） */
@media (max-width: 700px) {
  mc txt .jjk-chat {
    max-width: 95%;
    gap: 10px;
  }
  mc txt .jjk-avatar {
    width: 50px;
    height: 50px;
  }
  mc txt .jjk-bubble {
    font-size: 14px;
    padding: 10px 14px;
  }
  mc txt .jjk-name {
    font-size: 12px;
  }
}
@media (max-width: 430px) {
  mc txt .jjk-avatar {
    width: 45px;
    height: 45px;
  }
  mc txt .jjk-bubble {
    font-size: 13px;
    padding: 9px 12px;
  }
}
bbs[theme="light"] {
--bbs-bg:#eef2f4;
--bbs-bg2:#dce5ea;
--bbs-panel:#fff;
--bbs-line:#c4cfd5;
--bbs-cyan:var(--cyan,#347f94);
--bbs-cyan2:#315f82;
--bbs-blue:var(--blue,#477fae);
--bbs-violet:var(--violet,#796fa2);
--bbs-red:var(--red,#b94f63);
--bbs-amber:var(--amber,#9a7029);
--bbs-green:var(--green,#43846d);
--bbs-text:#333;
--bbs-muted:#77858d;
display:block;
position:relative;
width:100%;
max-width:100%;
box-sizing:border-box;
margin:10px 0;
padding:8px;
overflow:hidden;
color:var(--bbs-text);
font:14px/1.7 "Microsoft YaHei","Segoe UI",system-ui,sans-serif;
border:1px solid #aebdc5;
border-radius:5px;
background:linear-gradient(180deg,#f6f8f9,var(--bbs-bg));
box-shadow:0 5px 16px rgba(45,65,78,.13);
}
bbs[theme="light"] * {
box-sizing:border-box;
}
bbs[theme="light"] > header {
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:8px;
position:relative;
margin:0 0 8px;
padding:10px 12px 15px;
overflow:hidden;
color:#fff;
border:1px solid #264e6b;
border-radius:3px 3px 0 0;
background:linear-gradient(180deg,#4d7fa2,#315f82);
box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 5px rgba(45,65,78,.16);
}
bbs[theme="light"] > header:before {
content:"苍月论坛  |  主题列表";
position:absolute;
left:12px;
right:auto;
bottom:4px;
pointer-events:none;
color:rgba(235,246,252,.78);
font:10px/1.2 "Microsoft YaHei",system-ui,sans-serif;
letter-spacing:0;
}
bbs[theme="light"] h2 {
min-width:0;
margin:0;
padding:0;
overflow:hidden;
color:#fff;
font-size:16px;
font-weight:800;
line-height:1.45;
letter-spacing:0;
text-overflow:ellipsis;
white-space:nowrap;
border-left:0;
text-shadow:0 1px 1px rgba(0,0,0,.22);
}
bbs[theme="light"] details {
display:block;
position:relative;
margin:5px 0;
overflow:hidden;
border:1px solid var(--bbs-line);
border-radius:2px;
background:#fff;
box-shadow:0 1px 3px rgba(45,65,78,.06);
transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
bbs[theme="light"] details[open] {
border-color:#9bafb9;
background:var(--bbs-panel);
box-shadow:0 3px 8px rgba(45,65,78,.1);
}
bbs[theme="light"] details > summary {
display:flex;
align-items:center;
gap:8px;
position:relative;
min-height:42px;
padding:8px 40px 8px 12px;
cursor:pointer;
list-style:none;
color:#315f82;
font-size:13px;
font-weight:700;
line-height:1.45;
border-left:3px solid #7398b0;
background:linear-gradient(180deg,#fff,#edf3f6);
transition:color .2s ease,background .2s ease,border-color .2s ease;
-webkit-tap-highlight-color:transparent;
}
bbs[theme="light"] details > summary::-webkit-details-marker {
display:none;
}
bbs[theme="light"] details > summary:after {
content:"+";
display:grid;
place-items:center;
position:absolute;
right:10px;
top:50%;
width:20px;
height:20px;
color:#315f82;
font:800 15px/1 monospace;
border:1px solid #aebdc5;
border-radius:2px;
background:#f7fafb;
transform:translateY(-50%);
}
bbs[theme="light"] details[open] > summary {
color:#244d69;
border-left-color:var(--bbs-red);
border-bottom:1px solid var(--bbs-line);
background:linear-gradient(180deg,#f6f9fa,#e4edf2);
}
bbs[theme="light"] details[open] > summary:after {
content:"−";
color:#fff;
border-color:#315f82;
background:#315f82;
}
bbs[theme="light"] details > summary:hover {
color:#263b45;
border-left-color:var(--bbs-cyan);
background:linear-gradient(90deg,rgba(52,127,148,.17),rgba(255,255,255,.48) 64%,transparent);
}
bbs[theme="light"] details > summary:focus-visible {
outline:2px solid rgba(52,127,148,.5);
outline-offset:-2px;
}
bbs[theme="light"] pd {
display:block;
padding:8px;
background:#f1f4f5;
}
bbs[theme="light"] cl {
display:flex;
flex-direction:column;
gap:0;
position:relative;
border:1px solid #c9d3d8;
background:#fff;
}
bbs[theme="light"] ci {
display:grid;
grid-template-columns:minmax(112px,18%) minmax(0,1fr);
grid-template-rows:auto 1fr auto;
position:relative;
min-width:0;
padding:0;
overflow:hidden;
border:0;
border-bottom:1px solid #c9d3d8;
border-left:0;
border-radius:0;
background:#fff;
box-shadow:none;
}
bbs[theme="light"] ci:nth-child(even) {
border-left:0;
background:#fbfcfc;
}
bbs[theme="light"] ci:hover {
border-color:#c9d3d8;
background:#f9fbfc;
box-shadow:inset 3px 0 0 #6d96b2;
}
bbs[theme="light"] ci:is([self],[me],[data-self="true"],[data-author="me"],.self,.me) {
border-color:rgba(67,132,109,.4);
border-left-color:var(--bbs-green);
background:
linear-gradient(90deg,rgba(67,132,109,.1),transparent 46%),
rgba(250,253,244,.96);
}
bbs[theme="light"] ci:is([self],[me],[data-self="true"],[data-author="me"],.self,.me):after {
content:"本人";
position:absolute;
right:9px;
top:8px;
padding:2px 6px;
color:#fff;
font:800 9px/1.3 monospace;
letter-spacing:.08em;
border-radius:8px;
background:var(--bbs-green);
box-shadow:0 2px 7px rgba(67,132,109,.22);
}
bbs[theme="light"] info {
display:flex;
align-content:flex-start;
align-items:center;
justify-content:center;
flex-wrap:wrap;
grid-column:1;
grid-row:1 / span 3;
gap:5px 6px;
min-width:0;
margin:0;
padding:12px 8px;
color:var(--bbs-muted);
font-size:11px;
line-height:1.35;
text-align:center;
border-right:1px solid #c9d3d8;
border-bottom:0;
background:#edf3f6;
}
bbs[theme="light"] fl {
display:inline-flex;
align-items:center;
flex:0 0 auto;
padding:2px 5px;
color:#fff;
font:800 10px/1.35 monospace;
border:1px solid #315f82;
border-radius:2px;
background:#47799d;
}
bbs[theme="light"] un {
display:block;
flex:1 0 100%;
min-width:0;
overflow:hidden;
color:#111;
font-size:12px;
font-weight:800;
text-overflow:ellipsis;
white-space:nowrap;
}
bbs[theme="light"] lz {
display:inline-flex;
align-items:center;
flex:0 0 auto;
padding:2px 5px;
color:#fff;
font:800 9px/1.35 monospace;
letter-spacing:0;
border:1px solid #9f3e50;
border-radius:2px;
background:var(--bbs-red);
box-shadow:none;
}
bbs[theme="light"] lv {
display:inline-flex;
align-items:center;
flex:0 0 auto;
padding:2px 5px;
color:#46545b;
font:800 9px/1.35 monospace;
letter-spacing:0;
border:1px solid #c7d0d5;
border-radius:2px;
background:linear-gradient(180deg,#fff,#eef2f4);
box-shadow:inset 0 1px 0 rgba(255,255,255,.62);
}
bbs[theme="light"] lv:is(.r2,[data-rank="2"]) {
color:#245e6e;
border-color:rgba(52,127,148,.38);
background:linear-gradient(180deg,#dff3f5,#b9dfe5);
}
bbs[theme="light"] lv:is(.r3,[data-rank="3"]) {
color:#315f50;
border-color:rgba(67,132,109,.38);
background:linear-gradient(180deg,#e1f1e8,#bcdcca);
}
bbs[theme="light"] lv:is(.r4,[data-rank="4"]) {
color:#fff;
border-color:rgba(71,127,174,.45);
background:linear-gradient(180deg,#6f9fc5,var(--bbs-blue));
}
bbs[theme="light"] ip {
display:block;
flex:1 0 100%;
margin-left:0;
overflow:hidden;
color:#87939a;
font:10px/1.35 "Cascadia Code","SFMono-Regular",monospace;
letter-spacing:0;
text-overflow:ellipsis;
white-space:nowrap;
}
bbs[theme="light"] ct {
display:block;
grid-column:2;
grid-row:1 / span 2;
min-width:0;
min-height:76px;
padding:12px 14px 9px;
overflow-wrap:anywhere;
color:#333;
font-size:14px;
line-height:1.78;
white-space:normal;
}
bbs[theme="light"] ct p {
margin:0 0 8px;
padding:0;
color:inherit;
font:inherit;
text-align:left;
}
bbs[theme="light"] ct p:last-child {
margin-bottom:0;
}
bbs[theme="light"] ct img {
display:block;
max-width:100%;
height:auto;
margin:8px 0;
border:1px solid rgba(91,111,105,.25);
border-radius:8px;
box-shadow:0 4px 12px rgba(74,64,45,.12);
}
bbs[theme="light"] ac {
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
grid-column:2;
grid-row:3;
gap:6px;
min-height:29px;
padding:5px 9px;
color:var(--bbs-muted);
border-top:1px dashed #d6dde1;
background:#fafbfb;
}
bbs[theme="light"] up,bbs[theme="light"] rr {
color:#536f68;
border-color:#b9c9c4;
background:linear-gradient(180deg,#fff,#e8efec);
}
bbs[theme="light"] up:before {
content:"△";
color:var(--bbs-red);
font:800 11px/1 monospace;
}
bbs[theme="light"] rr:before {
content:"↩";
color:var(--bbs-cyan);
font:800 11px/1 monospace;
}
bbs[theme="light"] up:hover,bbs[theme="light"] rr:hover {
color:#315f50;
border-color:rgba(67,132,109,.48);
background:linear-gradient(180deg,#fff,#dcebe4);
}
bbs[theme="light"] up:is([active],[data-active="true"],.active) {
color:#fff;
border-color:var(--bbs-red);
background:linear-gradient(180deg,#cb7182,var(--bbs-red));
}
bbs[theme="light"] up:is([active],[data-active="true"],.active):before {
color:#fff;
}
bbs[theme="light"] rr ci {
margin-top:6px;
color:#384a45;
border:1px solid #cbd8d3;
border-left:3px solid rgba(67,132,109,.52);
background:#f2f7f4;
}
bbs[theme="light"] > footer {
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:7px;
min-height:34px;
margin:8px 0 0;
padding:7px 10px;
overflow:hidden;
color:#65757d;
font:10px/1.4 "Microsoft YaHei","Cascadia Code",monospace;
letter-spacing:0;
border:1px solid #b8c6cd;
border-radius:0 0 3px 3px;
background:linear-gradient(180deg,#f7f9fa,#dfe7eb);
box-shadow:inset 0 1px 0 #fff;
}
@media screen and (max-width:640px) {
bbs[theme="light"] {
margin:7px 0;
padding:6px;
font-size:13px;
border-radius:11px;
}
bbs[theme="light"] > header {
grid-template-columns:minmax(0,1fr);
margin:0 0 7px;
padding:9px 10px 13px;
}
bbs[theme="light"] h2 {
font-size:14px;
white-space:normal;
}
bbs[theme="light"] details {
margin:6px 0;
}
bbs[theme="light"] details > summary {
min-height:37px;
padding:7px 35px 7px 9px;
}
bbs[theme="light"] pd {
padding:7px;
}
bbs[theme="light"] cl {
gap:6px;
}
bbs[theme="light"] ci {
padding:8px;
}
bbs[theme="light"] info {
gap:4px 6px;
}
bbs[theme="light"] ip {
width:100%;
margin-left:0;
}
bbs[theme="light"] ct {
font-size:13px;
line-height:1.72;
}
bbs[theme="light"] ac {
justify-content:flex-start;
}
bbs[theme="light"] > footer {
align-items:flex-start;
flex-direction:column;
margin-top:7px;
}
}
@media screen and (max-width:420px) {
bbs[theme="light"] {
padding:5px;
}
bbs[theme="light"] > header:before {
left:12px;
right:auto;
max-width:calc(100% - 24px);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
bbs[theme="light"] info {
padding-right:0;
}
bbs[theme="light"] un {
max-width:100%;
flex:1 1 120px;
}
bbs[theme="light"] ci:is([self],[me],[data-self="true"],[data-author="me"],.self,.me) info {
padding-right:42px;
}
bbs[theme="light"] up,bbs[theme="light"] rr {
flex:1 1 auto;
}
}
nav:has(> header #nav-left) {
position:sticky;
top:0;
z-index:50;
color:var(--foreground);
border-bottom:1px solid color-mix(in srgb,var(--border) 58%,rgba(255,255,255,.22) 42%);
border-radius:0;
background:
radial-gradient(circle at 14% -35%,rgba(255,255,255,.24),transparent 52%),
radial-gradient(circle at 88% -55%,rgba(221,231,216,.12),transparent 48%),
color-mix(in srgb,var(--sidebar) 22%,transparent);
box-shadow:
inset 0 -1px 0 rgba(255,255,255,.18),
0 5px 18px color-mix(in srgb,#665d54 8%,transparent);
backdrop-filter:blur(26px) saturate(1.08);
}
nav:has(> header #nav-left) > header {
position:relative;
isolation:isolate;
overflow:hidden;
border-bottom:0;
border-radius:0;
background:
linear-gradient(115deg,rgba(255,255,255,.18),transparent 42%,rgba(199,210,205,.08)),
color-mix(in srgb,var(--sidebar) 16%,transparent);
}
nav:has(> header #nav-left) > header:before {
content:"";
position:absolute;
z-index:-1;
inset:0;
pointer-events:none;
background:
radial-gradient(ellipse at 22% 0,rgba(255,255,255,.18),transparent 45%),
radial-gradient(ellipse at 78% 100%,rgba(199,210,205,.1),transparent 48%);
}
#nav-left,#nav-middle,#nav-right {
position:relative;
z-index:1;
color:var(--foreground);
text-shadow:0 1px 0 color-mix(in srgb,#fff8e8 38%,transparent);
}
#nav-left button,#nav-right button {
border:1px solid color-mix(in srgb,var(--border) 34%,#efb8c8 66%);
border-radius:999px;
background:
linear-gradient(145deg,rgba(255,255,255,.42),transparent 48%),
color-mix(in srgb,#f6d7e0 72%,transparent);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.52),
0 3px 9px color-mix(in srgb,#b77f91 10%,transparent);
backdrop-filter:blur(18px) saturate(1.08);
transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
#nav-left button:hover,#nav-right button:hover {
color:var(--foreground);
border-color:color-mix(in srgb,var(--border) 26%,#e9a8ba 74%);
background:
linear-gradient(145deg,rgba(255,255,255,.5),transparent 48%),
color-mix(in srgb,#f3c8d5 78%,transparent);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.6),
0 0 0 1px rgba(255,255,255,.1),
0 6px 16px color-mix(in srgb,#b77f91 14%,transparent);
transform:none;
}
#nav-left button svg,#nav-right button svg {
transform-origin:center;
filter:drop-shadow(0 1px 2px color-mix(in srgb,#665b55 16%,transparent));
transition:color .2s ease,filter .2s ease,transform .25s ease;
}
#nav-left button:hover svg,#nav-right button:hover svg {
filter:
drop-shadow(0 0 4px color-mix(in srgb,#d89baa 38%,transparent))
drop-shadow(0 0 7px color-mix(in srgb,#a8c8ae 30%,transparent));
animation:none;
}
.is-user > div:first-child {
position:relative;
isolation:isolate;
overflow:visible;
padding:13px 17px;
color:var(--foreground);
border:1px solid color-mix(in srgb,var(--border) 42%,#d7bd88 58%);
border-radius:22px 22px 7px 22px;
background:
linear-gradient(145deg,rgba(255,250,235,.52),transparent 48%),
radial-gradient(circle at 12% 100%,rgba(190,151,91,.12),transparent 50%),
radial-gradient(circle at 88% 8%,rgba(238,216,170,.18),transparent 44%),
color-mix(in srgb,var(--secondary) 34%,#ead9b8 66%);
box-shadow:
inset 0 1px 0 rgba(255,251,238,.58),
inset 0 0 22px rgba(173,132,73,.08),
0 7px 20px color-mix(in srgb,#77664d 10%,transparent);
backdrop-filter:blur(26px) saturate(1.06);
transition:border-color .22s ease,box-shadow .22s ease;
}
.is-user > div:first-child:before {
content:"";
position:absolute;
z-index:-1;
right:-5px;
top:17px;
width:11px;
height:11px;
border-top:1px solid color-mix(in srgb,var(--border) 42%,#d7bd88 58%);
border-right:1px solid color-mix(in srgb,var(--border) 42%,#d7bd88 58%);
background:color-mix(in srgb,var(--secondary) 34%,#ead9b8 66%);
box-shadow:2px -2px 5px color-mix(in srgb,#77664d 8%,transparent);
backdrop-filter:blur(26px) saturate(1.06);
transform:rotate(45deg);
}
.is-user > div:first-child:after {
content:"";
position:absolute;
left:16px;
right:16px;
top:0;
height:1px;
pointer-events:none;
border-radius:50%;
background:linear-gradient(90deg,transparent,color-mix(in srgb,#efb8c8 44%,transparent),color-mix(in srgb,#b8d8bf 46%,transparent),transparent);
}
.is-user > div:first-child:hover {
border-color:color-mix(in srgb,var(--border) 30%,#c9ac72 70%);
box-shadow:
inset 0 1px 0 color-mix(in srgb,#fff8e8 58%,transparent),
inset 0 0 22px color-mix(in srgb,#d9bd83 10%,transparent),
0 0 0 1px color-mix(in srgb,#d7bd88 9%,transparent),
0 8px 22px color-mix(in srgb,#77664d 12%,transparent);
}
.is-user .rili-markdown-renderer {
color:var(--foreground);
font-size:14px;
line-height:1.72;
letter-spacing:.01em;
text-shadow:0 1px 0 color-mix(in srgb,#ead9b8 18%,transparent);
}
:is(.is-user,.is-assistant) .bg-muted:has(> button.rounded-full) {
display:flex;
align-items:center;
gap:4px;
padding:3px;
overflow:hidden;
color:color-mix(in srgb,var(--foreground) 72%,var(--muted-foreground) 28%);
border:1px solid color-mix(in srgb,var(--border) 62%,rgba(255,255,255,.24) 38%);
border-radius:13px;
background:
linear-gradient(135deg,rgba(255,255,255,.16),transparent 44%),
color-mix(in srgb,var(--card) 20%,transparent);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.25),
0 4px 14px color-mix(in srgb,#665d54 9%,transparent);
backdrop-filter:blur(18px) saturate(1.08);
}
:is(.is-user,.is-assistant) button.rounded-full {
display:inline-flex;
align-items:center;
justify-content:center;
position:relative;
flex:0 0 32px;
width:32px;
height:32px;
min-width:32px;
min-height:32px;
padding:6px;
color:color-mix(in srgb,var(--foreground) 68%,var(--muted-foreground) 32%);
border:1px solid transparent;
background:transparent;
box-shadow:none;
transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
:is(.is-user,.is-assistant) button.rounded-full:hover {
color:color-mix(in srgb,var(--primary) 72%,#78b5ff 28%);
border-color:color-mix(in srgb,var(--primary) 34%,#88baff 66%);
background:
linear-gradient(145deg,color-mix(in srgb,var(--foreground) 7%,transparent),transparent 48%),
color-mix(in srgb,var(--primary) 10%,var(--card));
box-shadow:
inset 0 1px 0 color-mix(in srgb,var(--foreground) 12%,transparent),
0 0 0 1px color-mix(in srgb,#83c5ff 8%,transparent),
0 4px 12px color-mix(in srgb,#5474d5 19%,transparent);
}
:is(.is-user,.is-assistant) button.rounded-full:active {
box-shadow:
inset 0 2px 6px color-mix(in srgb,#31498e 18%,transparent),
0 0 0 1px color-mix(in srgb,#7db9ff 12%,transparent);
transform:translateY(1px) scale(.95);
}
:is(.is-user,.is-assistant) button.rounded-full:focus-visible {
outline:2px solid color-mix(in srgb,#76b9ff 68%,transparent);
outline-offset:2px;
}
:is(.is-user,.is-assistant) button.rounded-full svg {
width:17px;
height:17px;
min-width:17px;
min-height:17px;
transform-origin:center;
filter:drop-shadow(0 1px 1px color-mix(in srgb,#354a8f 15%,transparent));
transition:color .18s ease,filter .18s ease,transform .24s ease;
}
:is(.is-user,.is-assistant) button.rounded-full:hover svg {
filter:
drop-shadow(0 0 4px color-mix(in srgb,#75c7ff 58%,transparent))
drop-shadow(0 0 7px color-mix(in srgb,#927eff 25%,transparent));
animation:none;
}
:is(.is-user,.is-assistant) button:has(svg.lucide-refresh-ccw):hover svg {
animation:none;
}
:is(.is-user,.is-assistant) button:has(svg.lucide-copy):hover svg {
animation:none;
}
:is(.is-user,.is-assistant) button:has(svg.lucide-git-branch):hover svg {
animation:none;
}
:is(.is-user,.is-assistant) button:has(svg.lucide-trash2):hover {
color:#de6682;
border-color:color-mix(in srgb,#de6682 48%,var(--border));
background:
linear-gradient(145deg,color-mix(in srgb,#ffffff 6%,transparent),transparent 48%),
color-mix(in srgb,#de6682 11%,var(--card));
box-shadow:
inset 0 1px 0 color-mix(in srgb,var(--foreground) 9%,transparent),
0 4px 12px color-mix(in srgb,#de6682 18%,transparent);
}
.is-assistant .font-mono.text-muted-foreground {
display:inline-flex;
align-items:center;
gap:8px;
min-height:30px;
padding:5px 10px;
opacity:0;
visibility:hidden;
pointer-events:none;
color:color-mix(in srgb,var(--foreground) 66%,#5873b7 34%);
font-size:11px;
font-weight:600;
line-height:1.2;
letter-spacing:.03em;
border:1px solid color-mix(in srgb,var(--border) 62%,rgba(255,255,255,.24) 38%);
border-radius:10px;
background:
linear-gradient(135deg,rgba(255,255,255,.14),transparent 52%),
color-mix(in srgb,var(--card) 18%,transparent);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.22),
0 3px 10px color-mix(in srgb,#665d54 8%,transparent);
backdrop-filter:blur(16px) saturate(1.08);
transition:opacity .2s ease,visibility .2s ease;
}
.is-assistant .font-mono.text-muted-foreground span {
transition:color .2s ease,filter .2s ease,transform .2s ease;
}
.is-assistant .font-mono.text-muted-foreground:hover span {
color:color-mix(in srgb,var(--muted-foreground) 72%,#789cff 28%);
filter:saturate(1.18) drop-shadow(0 0 3px color-mix(in srgb,#78c8ff 24%,transparent));
}
#prompt-input [data-slot="input-group"] {
position:relative;
isolation:isolate;
overflow:visible;
color:var(--foreground);
border:1px solid color-mix(in srgb,var(--input) 48%,rgba(255,255,255,.3) 52%);
border-radius:26px;
background:
linear-gradient(145deg,rgba(255,255,255,.16),transparent 42%),
radial-gradient(circle at 8% 0,rgba(255,250,234,.13),transparent 46%),
radial-gradient(circle at 94% 110%,rgba(202,177,130,.1),transparent 44%),
color-mix(in srgb,var(--card) 22%,transparent);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.34),
inset 0 0 28px rgba(255,255,255,.06),
0 14px 34px color-mix(in srgb,#77664d 12%,transparent);
backdrop-filter:blur(30px) saturate(1.12);
transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
#prompt-input [data-slot="input-group"]:before {
content:"";
position:absolute;
z-index:2;
left:20px;
right:20px;
top:0;
height:1px;
pointer-events:none;
border-radius:999px;
background:linear-gradient(90deg,transparent,color-mix(in srgb,#fffdf5 64%,transparent),color-mix(in srgb,#c7d2ad 34%,transparent),transparent);
}
#prompt-input [data-slot="input-group"]:focus-within {
border-color:color-mix(in srgb,var(--input) 38%,#bd9960 62%);
background:
linear-gradient(145deg,rgba(255,255,255,.2),transparent 42%),
radial-gradient(circle at 8% 0,rgba(255,250,234,.16),transparent 48%),
radial-gradient(circle at 94% 110%,rgba(202,177,130,.13),transparent 46%),
color-mix(in srgb,var(--card) 26%,transparent);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.4),
inset 0 0 30px rgba(255,255,255,.08),
0 0 0 3px rgba(199,169,111,.18),
0 16px 38px color-mix(in srgb,#77664d 15%,transparent);
transform:none;
}
#prompt-input textarea {
field-sizing:content;
height:auto;
min-height:38px;
max-height:132px;
padding:7px 15px;
overflow-y:auto;
resize:none;
outline:none;
color:var(--foreground);
font:500 14px/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","Microsoft YaHei",system-ui,sans-serif;
letter-spacing:.01em;
caret-color:color-mix(in srgb,var(--primary) 48%,#a8884d 52%);
border:1px solid color-mix(in srgb,var(--input) 42%,rgba(255,255,255,.26) 58%);
border-radius:22px;
background:
linear-gradient(145deg,rgba(255,255,255,.13),transparent 52%),
color-mix(in srgb,var(--card) 18%,transparent);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.24),
inset 0 0 18px color-mix(in srgb,#d8c49b 7%,transparent);
backdrop-filter:blur(22px) saturate(1.08);
scrollbar-width:thin;
scrollbar-color:color-mix(in srgb,var(--primary) 34%,#c4b083 66%) transparent;
}
#prompt-input textarea::placeholder {
color:color-mix(in srgb,var(--muted-foreground) 76%,#8e7960 24%);
font-size:13px;
letter-spacing:.02em;
opacity:.84;
}
#prompt-input-header,#prompt-input-footer {
min-width:0;
margin:0;
padding-top:3px;
border-top:1px solid color-mix(in srgb,var(--border) 58%,#c8b78e 42%);
background:color-mix(in srgb,var(--card) 8%,transparent);
backdrop-filter:blur(22px) saturate(1.08);
}
#prompt-input-header {
padding-bottom:3px;
border-bottom:1px solid color-mix(in srgb,var(--border) 58%,#d2c19e 42%);
}
#prompt-input-footer {
padding-top:5px;
border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);
}
#prompt-input-header button,#prompt-input-footer button {
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
min-width:32px;
min-height:32px;
max-width:100%;
padding:5px 9px;
overflow:hidden;
color:color-mix(in srgb,var(--foreground) 68%,#8e7651 32%);
border:1px solid color-mix(in srgb,var(--border) 32%,#ccb07b 68%);
border-radius:999px;
background:
linear-gradient(145deg,rgba(255,252,240,.66),transparent 48%),
color-mix(in srgb,#edddb9 66%,transparent);
box-shadow:inset 0 1px 0 rgba(255,253,244,.72);
backdrop-filter:blur(12px) saturate(1.04);
transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
#prompt-input-header button:hover,#prompt-input-footer button:hover {
color:color-mix(in srgb,var(--foreground) 78%,#80683f 22%);
border-color:color-mix(in srgb,var(--border) 24%,#bf995d 76%);
background:
linear-gradient(145deg,rgba(255,252,240,.74),transparent 48%),
color-mix(in srgb,#e8d2a4 72%,transparent);
box-shadow:
inset 0 1px 0 rgba(255,253,244,.78),
0 4px 11px color-mix(in srgb,#77664d 12%,transparent);
transform:none;
}
#prompt-input-header button svg,#prompt-input-footer button svg {
transform-origin:center;
filter:drop-shadow(0 1px 1px color-mix(in srgb,#625850 14%,transparent));
transition:color .18s ease,filter .18s ease,transform .24s ease;
}
#prompt-input-header button:hover svg,#prompt-input-footer button:hover svg {
filter:
drop-shadow(0 0 4px color-mix(in srgb,#d79cab 42%,transparent))
drop-shadow(0 0 7px color-mix(in srgb,#a5c4a9 27%,transparent));
animation:none;
}
#prompt-input-footer button:has(svg.lucide-corner-down-left) {
color:var(--foreground);
border:1px solid color-mix(in srgb,var(--border) 30%,#c5a36a 70%);
border-radius:999px;
background:
linear-gradient(135deg,rgba(255,252,240,.52),transparent 42%),
radial-gradient(circle at 80% 110%,rgba(211,181,124,.34),transparent 46%),
linear-gradient(180deg,color-mix(in srgb,var(--primary) 18%,#efdfbd 82%),color-mix(in srgb,var(--primary) 22%,#dfc38f 78%));
box-shadow:
inset 0 1px 0 rgba(255,253,244,.64),
0 0 0 1px rgba(199,169,111,.12),
0 6px 16px color-mix(in srgb,#77664d 20%,transparent);
}
#prompt-input-footer button:has(svg.lucide-corner-down-left):hover {
color:var(--foreground);
border-color:color-mix(in srgb,var(--border) 24%,#b98d4e 76%);
background:
linear-gradient(135deg,rgba(255,252,240,.58),transparent 42%),
radial-gradient(circle at 80% 110%,rgba(211,181,124,.4),transparent 48%),
linear-gradient(180deg,color-mix(in srgb,var(--primary) 16%,#f1e2c3 84%),color-mix(in srgb,var(--primary) 20%,#dcb97e 80%));
box-shadow:
inset 0 1px 0 rgba(255,253,244,.7),
0 0 0 2px rgba(199,169,111,.14),
0 8px 21px color-mix(in srgb,#77664d 24%,transparent);
transform:none;
}
#prompt-input-footer button:has(svg.lucide-corner-down-left):hover svg {
animation:injectSvgSend .9s ease-in-out infinite;
}
@keyframes injectTopSweep {
0%,16%{left:-34%;opacity:0}
29%{opacity:.82}
60%{left:108%;opacity:.48}
74%,100%{left:108%;opacity:0}
}
@keyframes injectBubbleGlow {
0%,100%{opacity:.32;transform:scaleX(.68);filter:drop-shadow(0 0 2px color-mix(in srgb,#79caff 30%,transparent))}
50%{opacity:.92;transform:scaleX(1);filter:drop-shadow(0 0 5px color-mix(in srgb,#8d9cff 58%,transparent))}
}
@keyframes injectInputScan {
0%,100%{background-position:-45% 0;opacity:.28}
44%,56%{opacity:.92}
50%{background-position:145% 0}
}
.rili-loader-dots {
display:none!important;
}
@keyframes injectTopCircuit {
from{background-position:0 50%}
to{background-position:240px 50%}
}
.is-assistant > div:first-child {
position:relative;
isolation:isolate;
overflow:visible;
max-width:calc(100% - 8px);
margin-left:8px;
padding:13px 17px;
color:var(--foreground);
border:1px solid color-mix(in srgb,var(--border) 62%,rgba(255,255,255,.22) 38%);
border-radius:22px 22px 22px 7px;
background:
linear-gradient(145deg,rgba(255,255,255,.22),transparent 44%),
radial-gradient(circle at 88% 100%,rgba(210,220,214,.1),transparent 48%),
color-mix(in srgb,var(--card) 20%,transparent);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.3),
inset 0 0 22px rgba(255,255,255,.04),
0 7px 20px color-mix(in srgb,#665d54 10%,transparent);
backdrop-filter:blur(26px) saturate(1.06);
transition:border-color .22s ease,box-shadow .22s ease;
}
.is-assistant > div:first-child:before {
content:"";
position:absolute;
z-index:-1;
left:-5px;
top:17px;
width:11px;
height:11px;
border-bottom:1px solid color-mix(in srgb,var(--border) 62%,rgba(255,255,255,.22) 38%);
border-left:1px solid color-mix(in srgb,var(--border) 62%,rgba(255,255,255,.22) 38%);
background:color-mix(in srgb,var(--card) 20%,transparent);
box-shadow:-2px 2px 5px color-mix(in srgb,#665d54 7%,transparent);
backdrop-filter:blur(26px) saturate(1.06);
transform:rotate(45deg);
}
.is-assistant > div:first-child:after {
content:"";
position:absolute;
left:16px;
right:16px;
top:0;
height:1px;
pointer-events:none;
border-radius:50%;
background:linear-gradient(90deg,transparent,color-mix(in srgb,#fffdf5 68%,transparent),color-mix(in srgb,#d7c08e 28%,transparent),transparent);
}
.is-assistant > div:first-child:hover {
border-color:color-mix(in srgb,var(--border) 52%,rgba(255,255,255,.3) 48%);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.34),
inset 0 0 24px rgba(255,255,255,.05),
0 0 0 1px rgba(255,255,255,.07),
0 8px 22px color-mix(in srgb,#665d54 11%,transparent);
}
.is-assistant .rili-markdown-renderer {
color:var(--foreground);
font-size:14px;
line-height:1.72;
letter-spacing:.01em;
text-shadow:0 1px 0 color-mix(in srgb,#fff8e8 18%,transparent);
}
mc txt .jjk-chat p:first-child:first-letter {
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
  text-shadow:none;
}
#prompt-input-footer button:has(span) {
min-width:0;
max-width:min(46vw,240px);
}
#prompt-input-footer button span {
display:block;
min-width:0;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
#nav-left button:active,#nav-right button:active {
transform:none;
}
.is-assistant:hover .font-mono.text-muted-foreground {
opacity:1;
visibility:visible;
pointer-events:auto;
}
.is-assistant .font-mono.text-muted-foreground:active {
animation:injectStatusShake .24s ease 1;
}
@keyframes injectStatusShake {
0%,100%{transform:translateX(0)}
25%{transform:translateX(-2px)}
50%{transform:translateX(2px)}
75%{transform:translateX(-1px)}
}
mc details.a[data-i="BBS"]>summary {
color:#315f82;
border-color:rgba(55,102,139,.42);
background:
linear-gradient(180deg,rgba(255,255,255,.96),rgba(218,230,237,.96));
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 9px rgba(55,72,82,.12);
}
mc details.a[data-i="BBS"]>summary>b {
color:#315f82;
border-color:rgba(55,102,139,.38);
border-radius:5px;
background:linear-gradient(180deg,#fff,#dce8ee);
box-shadow:inset 0 1px 0 #fff,0 1px 4px rgba(55,72,82,.12);
}
mc details.a[data-i="BBS"][open]>summary {
display:flex;
flex-direction:row;
gap:7px;
position:relative!important;
z-index:7;
top:auto!important;
right:auto!important;
min-height:34px;
width:100%;
max-width:none;
padding:6px 10px;
color:#fff;
border:1px solid #315f82;
border-radius:5px 5px 2px 2px;
background:linear-gradient(180deg,#4d7fa2,#315f82);
box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 3px 8px rgba(44,72,91,.2);
}
mc details.a[data-i="BBS"][open]>summary>b {
width:auto;
height:auto;
padding:0;
color:#fff;
font-size:13px;
border:0;
background:none;
box-shadow:none;
}
mc details.a[data-i="BBS"][open]>summary>t {
font-size:11px;
color:#edf5fa;
}
mc details.a[data-i="BBS"][open]>page {
color:#333;
border:1px solid rgba(55,102,139,.48);
border-radius:2px 2px 6px 6px;
background:#eef2f4;
background-image:linear-gradient(180deg,rgba(255,255,255,.72),transparent 120px);
box-shadow:0 8px 20px rgba(55,72,82,.15);
}
mc details.a[data-i="BBS"] page>bar {
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:8px;
position:sticky;
z-index:8;
top:0!important;
min-height:38px;
margin:0 -9px 9px!important;
padding:7px 11px!important;
overflow-anchor:none;
color:#fff;
border-bottom:1px solid #264e6b;
background:linear-gradient(180deg,#47799d,#315f82);
box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 8px rgba(44,72,91,.18);
}
mc details.a[data-i="BBS"] page>bar>b {
overflow:hidden;
color:#fff;
font:800 13px/1.25 "Microsoft YaHei",system-ui,sans-serif;
letter-spacing:0;
text-overflow:ellipsis;
white-space:nowrap;
}
mc details.a[data-i="BBS"] page>bar>i {
color:#d9ebf5;
font:11px/1.2 "Microsoft YaHei",system-ui,sans-serif;
letter-spacing:0;
}
mc details.a[data-i="BBS"] page>details {
position:relative;
inset:auto;
margin:6px 0;
overflow:hidden;
overflow-anchor:none;
scroll-margin-top:8px;
scroll-margin-bottom:12px;
border:1px solid #c3cdd3;
border-radius:3px;
background:#fff;
box-shadow:0 1px 3px rgba(45,65,78,.07);
}
mc details.a[data-i="BBS"] page>details>summary {
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:8px;
position:relative;
inset:auto;
min-height:40px;
padding:8px 34px 8px 11px;
overflow-anchor:none;
scroll-margin-top:8px;
scroll-margin-bottom:12px;
cursor:pointer;
color:#1f4b6a;
font-size:13px;
font-weight:700;
line-height:1.45;
border-left:3px solid #6d96b2;
background:linear-gradient(180deg,#fff,#edf3f6);
}
mc details.a[data-i="BBS"] page>details[open]>summary {
color:#173d57;
border-bottom:1px solid #c3cdd3;
border-left-color:#b94f63;
background:linear-gradient(180deg,#f5f8fa,#e4edf2);
}
mc details.a[data-i="BBS"] chat {
display:block;
position:relative;
padding:0;
overflow:hidden;
border:1px solid #c3cdd3;
border-radius:3px;
background:#fff;
box-shadow:0 1px 4px rgba(45,65,78,.08);
backdrop-filter:none;
animation:none;
}
mc details.a[data-i="BBS"] msg {
display:grid;
grid-template-columns:minmax(78px,18%) minmax(0,1fr);
grid-template-rows:auto auto;
position:relative;
max-width:none;
min-height:66px;
margin:0;
padding:0;
border:0;
border-bottom:1px solid #d5dde1;
border-radius:0;
background:#fff;
}
mc details.a[data-i="BBS"] msg:last-child {
border-bottom:0;
}
mc details.a[data-i="BBS"] msg>b {
display:flex;
align-items:flex-start;
justify-content:center;
grid-column:1;
grid-row:1 / span 2;
min-width:0;
margin:0;
padding:12px 7px;
overflow:hidden;
color:#111;
font-size:11px;
font-weight:700;
text-align:center;
overflow-wrap:anywhere;
border-right:1px solid #d5dde1;
background:#edf3f6;
}
mc details.a[data-i="BBS"] msg>t {
display:block;
grid-column:2;
grid-row:1;
min-width:0;
min-height:42px;
padding:10px 12px 5px;
color:#252d32;
font-size:13px;
line-height:1.72;
overflow-wrap:anywhere;
}
mc details.a[data-i="BBS"] msg>i {
display:block;
grid-column:2;
grid-row:2;
margin:0;
padding:3px 10px 7px;
color:#89959c;
font:10px/1.3 "Microsoft YaHei",system-ui,sans-serif;
text-align:right;
}
mc details.a[data-i="BBS"] msg.n {
border-color:#d5dde1;
background:#fffdf8;
}
mc details.a[data-i="BBS"] msg.n>b {
color:#111;
background:#f8ecee;
}
mc details.a[data-i="BBS"] msg.u {
grid-template-columns:minmax(58px,15%) minmax(0,1fr);
max-width:calc(100% - 20px);
min-height:52px;
margin:6px 8px 6px 12px;
color:#384a45;
border:1px solid #cbd8d3;
border-radius:2px;
background:#f2f7f4;
}
mc details.a[data-i="BBS"] msg.u>b {
color:#111;
background:#e4eee9;
}
bbs[theme="light"] lv:is(.r5,[data-rank="5"]) {
color:#fff;
white-space:nowrap;
border-color:rgba(121,111,162,.48);
background:linear-gradient(180deg,#958bb8,var(--bbs-violet));
}
bbs[theme="light"] lv:is(.r6,[data-rank="6"]) {
color:#fff;
border-color:rgba(185,79,99,.48);
background:linear-gradient(180deg,#cb7182,var(--bbs-red));
}
@media screen and (max-width:700px) and (min-width:0px) {
mc,
mc *,
mc *:before,
mc *:after {
animation:none!important;
transition:none!important;
box-shadow:none!important;
text-shadow:none!important;
-webkit-backdrop-filter:none!important;
backdrop-filter:none!important;
filter:none!important;
}
mc screen {
height:auto;
min-height:0;
max-height:none;
overflow:visible;
}
mc txt {
min-height:0;
padding:10px 9px 28px;
overflow:visible;
overscroll-behavior:auto;
scroll-behavior:auto;
scrollbar-width:auto;
}
mc .m pre {
max-height:none;
overflow:visible;
}
mc foot {
flex-wrap:wrap;
overflow:visible;
}
mc week {
overflow:visible;
scrollbar-width:auto;
}
mc page>bar,
mc details.a[data-i="BBS"] page>bar,
mc week>d:first-child,
mc week>d>t:first-child {
position:static!important;
top:auto!important;
left:auto!important;
}
mc:before,
mc>hd:before,
mc screen:before,
mc screen:after,
mc .a>summary:before,
mc .a[open]>page:before,
mc mob:after,
mc pic:after {
display:none!important;
}
}