@charset "utf-8";
:root{--b-r-x5:0.3125rem; --b-r-x10:0.625rem; --b-r-x20:1.25rem; --grad1:linear-gradient(to right,#6c25a9,#330230); --hover-b1:#4a187e; --m-w:1700px;}
body,div,ul,ol,li,dl,dt,dd,input,form,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-style:normal;font-weight:normal; font-size: 1rem;}
em,i,b{font-style:normal;font-weight:normal;}
body {line-height:1.875rem; font-family: Microsoft Yahei;background:#121212 url(/static/frontend/cj_img/top_bg3.jpg) no-repeat center bottom;}
p {margin:0;}ul,ol,li {list-style:none;}
a {text-decoration:none; color:#01439a;}
img {border:none; vertical-align:middle;}
hr{margin-bottom:1.6875rem;}
.clr {clear:both;}
.mb {margin-bottom:0.9375rem;}
.bor img{border-radius:0.625rem 0.625rem 0 0;}
.wxtet {text-align:center; height:40px; line-height: 2.5rem; background: linear-gradient(to right, #892269, #4f34a3); border-radius: 0 0 0.375rem 0.375rem; color: #afafaf;}
.cj_wrap_p,.i_t_bg .zt,.top_wrap_p{padding:0 3.125rem;}

.top_wrap {max-width:var(--m-w); margin:0 auto;}
.top_wrap_p { display: flex; justify-content: space-between; align-items: center;}

/* 顶栏细节全部由 skin.css 统一接管（颜色/尺寸/间距），这里不要再写老版样式，避免互相污染 */
#index {background:#4a2487;}

@media (max-width: 1171px) {.c_ul ul {flex: none;}.c_ul{gap:0;}}

/* 汉堡ul */
@media (max-width: 1071px) {
  .c_ul {display: none; width: 100%; height: auto; position: absolute; top: 3.125rem; left: 0; background:var(--hover-b1); z-index: 1000;}
  .hamburger {display: block; width: 25px; height: 30px; position: absolute; right: 1.25rem; top: 0.625rem; cursor: pointer;
  z-index: 1001;}
  .hamburger span {display: block; width: 100%;height: 3px;background: #ead0f0;margin: 0.3125rem 0;transition: all 0.3s ease;}
  .hamburger.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
  .hamburger.active span:nth-child(2) {opacity: 0;}
  .hamburger.active span:nth-child(3) {transform: rotate(-45deg) translate(6.5px, -6.5px);}
}

.card {flex: 1 1 calc(33.333% - 20px); background: #2a2a2a; border-radius:var(--b-r-x10); overflow: hidden; transition: transform 0.3s ease; position: relative;}
.card img {width: 100%; height: 300px; object-fit: cover; transition: transform 0.5s ease;}
.card:hover img {transform: scale(1.1);}
.card-content {padding: 1.25rem;}
.card::after {content: ""; position: absolute; bottom: 0; right: 0; width: 70px; height: 70px; background: linear-gradient(45deg, rgba(187,134,252,0.1), transparent); border-radius: 100% 0 0 0;}
.card h3 {
  margin-bottom: 0.9375rem;
  font-size: 1.375rem;
  font-weight: bold;
  background: linear-gradient(to right, #c791f5, #58a5e9); 
  -webkit-background-clip: text; /* 将背景颜色限制在文字中 */
  background-clip: text; 
  -webkit-text-fill-color: transparent; /* 文字颜色设置为透明 */
}
.card p {color: #aaa; line-height: 1.875rem;}

@media (max-width: 992px) {.card {flex: 1 1 calc(50% - 20px);}}
@media (max-width: 768px) {.card {flex: 1 1 100%;}.cj_wrap h3 em i {display: none;}}

.tt {color:#b9ffc5; font-size: 1rem; margin: 0 0 0 0.625rem;}

#i_news {border-radius: 0 0 0.625rem 0.625rem;}
.cj_news ul {display: flex; flex-wrap: wrap; gap: 1.25rem; padding: 0; justify-content: space-evenly;}
.cj_news li {display: flex; align-items: flex-start; gap: 1.25rem; background:linear-gradient(to right, #423b43, #181818); border-radius:var(--b-r-x10); overflow: hidden; transition: transform 0.3s ease; padding: 0.9375rem; flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px); box-sizing: border-box;
}
.cj_news li { position: relative; }
    .top-pin { position: absolute; top: 0; right: 0.3125rem; font-size: 0.75rem; z-index: 10;}
@media (max-width: 980px) {.cj_news li {flex: 1 1 100%; max-width: 100%;}}
@media (max-width: 1393px) {.cj_wrap_p,.i_t_bg .zt,.top_wrap_p{padding:0;}}

.cj_news li:hover {transform: translateY(-5px); background:linear-gradient(to right, #6c25a9, #654bba);}

.cj_news .news-image { width: 200px; height: 120px; flex-shrink: 0;}
.cj_news .news-image img {width: 100%; height: 100%; object-fit: cover; border-radius: 0.5rem; transition: transform 0.3s ease; /*鼠标移出缩小 结合用2*/}
.cj_news .news-image img:hover,.cj_news li:hover img {transform: scale(1.05); transition: transform 0.3s ease; /*鼠标移入放大 结合用1*/}
.cj_news .news-content {flex: 1; display: flex; flex-direction: column; justify-content: space-between; align-content: space-between; min-height: 120px; gap:0.3125rem;}
.cj_news .news-content h3 {line-height:1.5625rem;}
.cj_news .news-content a {color:#f0f0f0; font-size:1.3125rem;}
.cj_news .news-content a font{font-weight:bold;}
.cj_news .news-content p {color:#979797; line-height:1.375rem;}
@media (max-width: 1639px) {.news-content p{font-size: 0.875rem;}.list-info-left{font-size: 0.875rem;}}
@media (max-width: 768px) {.cj_news .news-content p{white-space: nowrap; /* 禁止换行 */ overflow: hidden; text-overflow: ellipsis;/* 显示省略号 */ max-width: 210px;/* 限制最大宽度 */}}

.cj_news .news-content a:hover {text-decoration:underline; }
.c_rbar img {display:block; border:1px solid #393939;box-sizing: border-box;}
.c_rbar h4 {height:50px; line-height:3.125rem; color:#fff; text-align:center; font-size:1.125rem;}
.c_c {color:#e0e0e0; box-shadow: 0 4px 8px rgba(0,0,0,0.3); display: grid; 
grid-template-columns: repeat(auto-fill, minmax(411px, 1fr)); gap: 1.875rem; flex: 1;}
@media (max-width: 980px) {
  .c_c {order: 0; margin-bottom: 0;}
  .c_rbar {order: 1; width: 100%; text-align: center;}
    .c_rbar img{width: 100%; height: auto;}
    .f_c {padding:3.125rem 1.875rem!important;}
}
/* 在两个 .c_c_t 之间插入一条竖线 */
.c_c {position: relative; gap: 1.25rem;}
.c_c::after {content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background-color: #393939; /* 分隔线颜色 */ transform: translateX(-50%); z-index: 1;}

@media (max-width: 1350px) {.c_c::after {display: none;}}

.c_c ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.9375rem;}
.c_c ul li {text-align:center; border-radius: 0.5rem; transition: all 0.3s ease;}
.c_c ul li a {line-height:3.3125rem; display:block; text-align:center; color:#e0e0e0; background:#333; border-radius:var(--b-r-x5);}

.f_c {width:540px; float:left; padding:3.4375rem 0 0 2.5rem; font-size:0.875rem;}
.f_c b {font-size:1.25rem;}
.f_r {width:400px; float:right; text-align:center; position:absolute; right:0; top:-6.875rem;}
.f_r img {border-radius:0.5rem;}
.f_r p a {color:#f1f1f1; text-decoration:underline;}
.cj_z_inews h3 {height:53px; line-height:3.3125rem; color:#fff; padding:0 1.5625rem 0; background:linear-gradient(to right, #133f29, #641689);}
/* 渐变反向 */
#ire h3 {background:linear-gradient(to left, #133f29, #641689);}
.cj_z_inews h3 span {float:right;}

.cj_z_inews_li {overflow:hidden;}
.cj_z_inews_li ul {padding:1.25rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(490px, 1fr)); gap: 1.25rem;}
.cj_z_inews_li li {padding:0.75rem 0.75rem 0.75rem 1.125rem; background: #252525; border-radius:var(--b-r-x5);}
.cj_z_inews_li li span {float:right; font-size:0.875rem; color:#999;}
.cj_z_inews_li li span a,.cj_tj li span a {border:1px solid #777; border-radius:var(--b-r-x5); color:#888; font-size:0.875rem;  padding:0.3125rem 0.625rem;}
.cj_z_inews_li li span a:hover,.cj_tj li span a:hover {border:1px solid #ccc; color:#fff;}
.cj_z_inews_li li a:hover {text-decoration: underline;}
.cj_z_inews_li2 ul {display:grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 0.75rem; }

.cj_z_inews_li2 li {color:#fff;background: linear-gradient(to right, #4a4a4a, #333333);border-radius:var(--b-r-x10);box-shadow: 3px 3px 25px rgba(0,0,0,0.3);border:1px solid #3f3f3f;}
.cj_z_inews_li2 li.gridc1 {grid-row: span 2;} 
.cj_z_inews_li2 li.gridc2 {grid-column: span 3;} 
.cj_z_inews_li2 li.gridc3 {grid-area: span 2 / span 2;}
.cj_z_inews_li2 li.gridc4 {grid-column: span 2;}
.cj_z_inews_li2 li:hover {transform: translateX(-5px);transition: all 0.3s ease; border: 1px solid #a1a1a1; background:linear-gradient(to right, #8d1083, #592289); color:#fff;}
.cj_z_inews_li2 li.gridc1 a {grid-row: 1/3; line-height: 7.25rem; font-size:1.25rem;}
/* 鉴番神器引导卡纠偏：前置 reset 先彻底清空 .cj_list_info a 带来的下划线/虚线/绿色，再由后序类规则给出最终样式（类名选择器写在更后面 → 源码顺序胜出，且具体性不低于 a 元素组合） */
.cj_list_info .jf-guide{all:initial;display:block;margin:1.125rem 0 0.375rem;}
.cj_list_info .jf-guide{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#2b2540;font-size:0.875rem;}
.cj_list_info .jf-guide div,.cj_list_info .jf-guide span,.cj_list_info .jf-guide a,.cj_list_info .jf-guide input{margin:0;padding:0;border:0;outline:0;font:inherit;color:#fff;vertical-align:baseline;line-height:normal;letter-spacing:normal;background:transparent;text-decoration:none;box-sizing:border-box;}
.cj_list_info .jf-guide a{display:inline-block;border:0;color:#fff;}
.cj_list_info .jf-guide .jf-card{position:relative;display:block;padding:1.125rem 1.25rem 1rem;border-radius:1rem;color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#d946ef 55%,#f472b6 100%);box-shadow:0 10px 26px rgba(139,92,246,.28);overflow:hidden;}
.cj_list_info .jf-guide .jf-card:after{content:"";position:absolute;right:-2.5rem;top:-3.75rem;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.14);pointer-events:none;}
.cj_list_info .jf-guide .jf-card:before{content:"";position:absolute;right:3.125rem;bottom:-5rem;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.10);pointer-events:none;}
.cj_list_info .jf-guide .jf-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:0.75rem;flex-wrap:wrap;}
.cj_list_info .jf-guide .jf-t-l{display:block;font-size:1.1875rem;font-weight:800;letter-spacing:0.03125rem;}
.cj_list_info .jf-guide .jf-t-r{display:block;font-size:0.75rem;font-weight:600;padding:0.3125rem 0.8125rem;border-radius:62.4375rem;background:rgba(255,255,255,.22);backdrop-filter:blur(4px);}
.cj_list_info .jf-guide .jf-search{position:relative;display:flex;margin-top:0.8125rem;}
.cj_list_info .jf-guide .jf-search input{flex:1;min-width:0;padding:0.625rem 0.875rem;border-radius:0.625rem 0 0 0.625rem;font-size:0.875rem;color:#2b2540;background:#fff;}
.cj_list_info .jf-guide .jf-search a{display:inline-flex;align-items:center;padding:0 1rem;border-radius:0 0.625rem 0.625rem 0;background:#2b2540;color:#fff;font-size:0.875rem;font-weight:700;}
.cj_list_info .jf-guide .jf-l{position:relative;display:block;font-size:0.75rem;font-weight:700;color:rgba(255,255,255,.95);letter-spacing:0.0625rem;margin:0.8125rem 0 0.4375rem;}
.cj_list_info .jf-guide .jf-chips{position:relative;display:flex;flex-wrap:wrap;gap:0.4375rem;margin-bottom: 0.75rem;}
.cj_list_info .jf-guide .jf-chip{display:inline-block;padding:0.3125rem 0.8125rem;border-radius:62.4375rem;font-size:0.8125rem;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);cursor:pointer;transition:all .18s;}
.cj_list_info .jf-guide .jf-chip:hover,.cj_list_info .jf-guide .jf-chip.hot{background:#fff;color:#8b5cf6;border-color:#fff;}
.cj_list_info .jf-guide .jf-more{position:relative;margin-top:0.9375rem;}
.cj_list_info .jf-guide .jf-more a{display:inline-flex;align-items:center;gap:0.375rem;padding:0.625rem 1.25rem;border-radius:0.75rem;font-size:0.875rem;font-weight:800;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.6);color:#fff;transition:all .18s;}
.cj_list_info .jf-guide .jf-more a:hover{background:#fff;color:#8b5cf6;}
@media (max-width:600px){ .cj_list_info .jf-guide .jf-t-l{font-size:1.0625rem;} }
.bh3 span a {text-decoration:none; font-size:0.875rem;}
.ar_mobile {padding:0 0 0 0.1875rem;}

.listpre ul {display: grid; grid-template-columns: repeat(auto-fill, minmax(5.625rem, 1fr)); gap: 0.625rem; padding: 1.25rem 0 0.625rem;}
.listpre li.thisclass {padding: 0.625rem 1.25rem!important; background:#2e2e2e; color:#a7a7a7; text-align: center;}
.listpre li a {display:block; color:#d6d6d6; padding: 0.625rem 1.25rem; width: 100%; text-align: center;}

.cj_list_r {background:#333;}

.list_channel {background:#453153; border-radius: 0 0  0.625rem 0.625rem;}
.list_channel h4 {height:3.125rem; line-height:3.125rem; text-align:center; background:#250444; font-weight:bold; color:#fff;}
.list_channel li {text-align:center; background:#2e0a44; border-radius: 0.375rem; border:1px solid #595959;}
.list_channel li a {color:#ebceff; display:block; width:100%; padding: 0.5rem 0;}
.list_channel li:hover {background:#72046c; color:#fff; border-color:#939393;} 
.itagc span{font-size: 0.75rem; color: #9cd369;}

.cj_list_info h1 {font-size:1.75rem; font-weight:normal; margin:0.625rem 0; padding:0.9375rem 0.625rem; text-align:center; color:#fdffbd; background: #181818; border-radius: 1.25rem;}
.cj_list_info::after {content: ""; display: table; clear: both;}/*清除浮动伪类*/

.cj_list_info table{font-size: 0.9375rem; margin-bottom:0.9375rem;}
.cj_list_info table p {font-size:0.9375rem;; margin:0;}

.cj_cot {width:0; height:0; overflow:hidden;}

.arpre {text-align:center;padding:0.625rem 0;font-size:0.75rem;margin-bottom:1.25rem;}
.arpre li a {padding:0.3125rem 1.5rem; background:#f1f1f1; color:#666; margin:0.3125rem; font-weight:bold; display:block; float:left; border-radius:0.3125rem;}
.arpre li a:hover {background:#72006f; color:#fff; text-decoration:none;}
.arpre .p_now {padding:0.3125rem 1.5rem; background:#494949; color:#8d8d8d; margin:0.3125rem; font-weight:bold; border-radius:0.3125rem;}

.a_next {padding:0 1.5625rem 1.5625rem; margin-bottom: 0.9375rem;}
.cj_ar_box {display: flex; gap:0.9375rem; justify-content:space-evenly; margin-bottom: 0.9375rem;}
.ar_c_l,.cj_list_l {flex: 1 1 auto; min-width: 600px;}
.ar_c_r,.cj_list_r {flex: 0 0 400px; min-width: 400px; border-radius: 0 0 0.625rem 0.625rem;}

.cj_list_l li {background: #3f3f3f; max-width: none !important; flex: none !important; width: 100% !important;}

.list-info-right span {color:#d2d2d2; background: rgba(0, 0, 0, 0.3);padding: 0.375rem 0.625rem; border-radius: 0.3125rem; font-size: 0.75rem; font-weight:bold;}
.list-info-right a:hover,.news-tags a:hover {background: #72006f!important; color: #fff!important;}
.article-no {display:inline-block; background:linear-gradient(to right, #6c25a9, #654bba); color:#fff; font-size:0.75rem; font-weight:bold; padding:0.0625rem 0.375rem; border-radius:var(--b-r-x5); margin:0 0.125rem 0.25rem 0; vertical-align:middle;}
/* 文章正文图片统一排版（动漫推荐/编年史专用） */
.cj_ar_content img {max-width:100%; height:auto; border-radius:0.625rem; display:block; margin:0.5rem auto;}

.cj_list_l .news-content h2 {line-height: 1.5625rem;}

.a_hot {margin-bottom:0.625rem; border-radius: 0.5rem;}
.a_hot h4 {color:#cfcfcf;padding:0 0.625rem; height:2.875rem; line-height:2.875rem; background:#535353; background: linear-gradient(to right,#6f364a, #462289); text-align:center; font-weight:bold; font-size:1.125rem; border-radius: 0.5rem 0.5rem 0 0;}

/* ===== 测试推荐：右栏「大家都在测」人气榜（条目小字说明）+ 底部「层级网测试」分类大卡 ===== */
.a_hot li small{display:block;margin-top:0.25rem;font-size:0.75rem;color:#8a8a8a;}
.nx_tzone{margin-bottom:0.9375rem;padding:1rem 0 0.25rem;border-radius:var(--b-r-x10);background:#313131;border:1px solid #3f3f3f;box-shadow:#000 3px 10px 20px;overflow:hidden;}
.nx_tzone_h{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem 0.75rem;}
.nx_tzone_h h3{font-size:1.4375rem;font-weight:bold;color:#fff;}
.nx_tzone_h a{font-size:0.9375rem;font-weight:bold;color:#d9b3ff;text-decoration:none;}
.nx_tgroup{padding:0 1.25rem 0.875rem;}
.nx_tg_ti{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.625rem;}
.nx_tg_ti i{width:0.3125rem;height:1.0625rem;border-radius:0.1875rem;background:#8b5cf6;}
.nx_tg_ti b{font-size:1.09375rem;color:#f0ecf7;}
.nx_tg_ti span{font-size:0.8125rem;color:#8e88a0;}
.nx_tg_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;}
.nx_tcard{display:flex;align-items:center;gap:0.75rem;padding:0.8125rem 0.9375rem;border-radius:var(--b-r-x10);background:linear-gradient(135deg,#3b3554,#2a2733);border:1px solid #4a4360;text-decoration:none;transition:transform .2s,border-color .2s;}
.nx_tcard:hover{transform:translateY(-3px);border-color:#8b5cf6;}
.nx_tcard_i{flex-shrink:0;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;font-size:1.3125rem;border-radius:0.6875rem;background:rgba(139,92,246,.2);}
.nx_tcard_b b{display:block;font-size:1rem;color:#ece8f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nx_tcard_b small{display:block;margin-top:0.125rem;font-size:0.8125rem;color:#8e88a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nx_sb_more{float:right;font-size:0.78125rem;font-weight:normal;color:#c9b4f2;text-decoration:none;}
.nx_tg_ti b a{color:inherit;text-decoration:none;}
.nx_tg_ti b a:hover{color:#d9b3ff;text-decoration:underline;}
.nx_tg_nohead{padding-top:0.5rem;}
@media (max-width:1020px){.nx_tg_grid{grid-template-columns:repeat(2,1fr);}.nx_libcloud{display:none;}}
@media (max-width:560px){.nx_tg_grid{grid-template-columns:1fr;}}
.cj_ar_content .predh h5{margin:0 0 0.6875rem;padding:0;border:none;background:none;line-height:1.8;box-shadow:none;font-size:0.8125rem;font-weight:700;letter-spacing:.26em;color:#ffd9a0}
/* 目录/锚点跳转定位：吸顶的「本文导航」有一百多 px 高，给标题留出这个高度，hash 直达时标题不被盖住（目录点击走 ar_interact.js 动态量高度，更准） */
.cj_ar_content h2,.cj_ar_content h3{scroll-margin-top:10.625rem}
.predh li span{flex:0 0 auto;color:#8f86a8}
.predh li b{font-size:0.875rem;color:#c3a9e8;position:static}
.predh li a{flex:1 1 auto;min-width:0;color:#e6dff5;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent;text-indent:0}
.predh li a:hover{background:transparent;color:#fff;text-decoration:none}
.predh li:hover{border-color:rgba(249,168,212,.5)}
.px_now span:before{content:"";display:inline-block;width:0;height:0;margin-right:0.34375rem;border-top:0.34375rem solid transparent;border-bottom:0.34375rem solid transparent;border-left:0.53125rem solid #ffd9a0;vertical-align:middle}

/* ---- 分页文章：h1 下的当页副标题行（分页标题降级展示） ---- */
.ar_pagesub{padding:0 1.25rem 1.375rem;margin-top:-0.75rem;font-size:1.1875rem;line-height:1.875rem;color:#ffd9a0;opacity:.92;letter-spacing:.04em}
@media (max-width:768px){.ar_pagesub{padding:0 0.9375rem 1rem;font-size:0.96875rem;line-height:1.625rem}}
/* ---- 移动端分页标题：底部细条，点击在细条上方原位展开（桌面端不参与，结构由 ar_interact.js 生成） ---- */
.mpg{display:none}
@media (max-width:768px){
.predh{display:none}
.mpg{display:block;position:fixed;left:0.625rem;right:0.625rem;bottom:0.625rem;z-index:900;transform:translateY(180%);opacity:0;pointer-events:none;transition:transform .26s,opacity .26s}
.mpg.on{transform:none;opacity:1;pointer-events:auto}
.mpg-btn{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.625rem 0.75rem;border:1px solid rgba(167,139,250,.4);border-radius:0.75rem;background:rgba(36,31,53,.96);backdrop-filter:blur(10px);box-shadow:0 -0.25rem 1.125rem rgba(0,0,0,.45);color:#e6dff5;font-size:0.875rem;line-height:1.25rem;text-align:left;font-family:inherit;cursor:pointer}
.mpg-no{flex:0 0 auto;color:#ffd9a0;font-weight:700;font-size:0.8125rem}
.mpg-t{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpg-ar{flex:0 0 auto;width:0.625rem;height:0.625rem;margin-right:0.1875rem;border-right:0.1rem solid #a78bfa;border-bottom:0.1rem solid #a78bfa;transform:rotate(-135deg) translate(-2px,-2px);transition:transform .26s}
.mpg.open .mpg-ar{transform:rotate(45deg) translate(-2px,-2px)}
.mpg-list{position:absolute;left:0;right:0;bottom:calc(100% + 0.4375rem);margin:0;padding:0.5625rem;list-style:none;border-radius:0.75rem;background:#241f35;border:1px solid rgba(167,139,250,.35);box-shadow:0 -0.625rem 1.5rem rgba(0,0,0,.5);opacity:0;transform:translateY(0.5rem);pointer-events:none;transition:opacity .22s,transform .22s}
.mpg.open .mpg-list{opacity:1;transform:none;pointer-events:auto}
.mpg-list li{margin:0 0 0.375rem;padding:0.625rem 0.6875rem;border-radius:0.5625rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#cfc7e2;font-size:0.875rem;line-height:1.3125rem}
.mpg-list li:last-child{margin-bottom:0}
.mpg-list li.now{background:linear-gradient(90deg,rgba(249,168,212,.2),rgba(167,139,250,.2));border-color:rgba(249,168,212,.55);color:#fff;font-weight:700}
.mpg-list li em{margin-right:0.4375rem;font-style:normal;color:#8f86a8}
.mpg-list li.now em{color:#ffd9a0}
.mpg-list a{color:#e6dff5;text-decoration:none}
}

@media (max-width:1020px) {
  .ads{width: 100%;}
  .ads img{width: 100%;}
  .bh3 span {display:none;}
  .cj_ar_box {flex-direction: column; align-items: stretch;}
  .ar_c_r img {width: 100%; height: auto; border-radius: 0.625rem;}
  .cj_ar_content img,
  .cj_ar_content table,
  .cj_list_info table,
  .cj_ar_content pre {max-width: 100%;}
  /* 处理长单词或 URL 不换行问题 */
  .cj_ar_content { word-break: break-all; overflow-wrap: break-word;}
}

@media (max-width: 768px) {
  /* 确保根容器撑满屏幕 */
  html, body {overflow-x: hidden; /* 防止横向滚动 */}
  /* 主容器取消 max-width，改用 100% */
  .cj_wrap {width: 100%; max-width: 100%; padding: 0 0.625rem; box-sizing: border-box; /* 防止 padding 导致溢出 */ }
/* 为了给固定导航留出空间，防止内容被遮挡 */
    body {padding-top: 3.75rem; /* 这个值跟nav的高度一致 */}
  .cj_top { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;}
  .cj_news .news-image{width:35%;}
  .cj_news .news-content a {font-size: 1.1875rem;}
  .cj_news ul {gap:0.625rem;}
  .cj_news li {gap:0.8125rem; padding:0.9375rem 0.625rem;}
  .cj_z_inews_li2 ul,.cj_z_inews_li ul,.c_c,.cj_tj ul{grid-template-columns:none;}
  .cj_z_inews_li li span {margin:0 0 0 0.625rem;}
  .card img{height: 120px;}
  .cj_news {padding:0;}
  .cj_z_inews_li ul{padding:0.9375rem 0;gap:0.9375rem;}
  .cj_z_inews_li li{margin:0;}
  .c_c ul {gap: 0.625rem;}
  .c_c ul li a {line-height: 2.8125rem;}
  .cj_ar_content {box-sizing: border-box; padding: 0.625rem 0.9375rem 0.625rem!important;}
  .ar_c_l, .cj_list_l{min-width:0;}
  .ar_c_r,.cj_list_r {min-width:auto;}
  .cj_list_info img {width: 100%;}
  .arlibg h1 {font-size: 1.875rem; line-height: 2.8125rem; padding: 1.25rem 0.9375rem;}
  .cj_list_l li span{position:inherit; text-align: center;}
  .cj_ar_info {padding:0.1875rem 0.625rem;}

  body{background:#121212;}

  /*文章页*/
  .cj_ar_content {width: 100%;}

  .cj_ar_info2 i,.cj_ar_info2 em, /*隐藏 来源：及作者*/
  .b_rbar,.f_l,.f_c,.card-content {display: none;} /* 隐藏桌面元素 */
  .f_r {width: 100%; float: none;}
}

/* ===== 全局「返回顶部」环形进度按钮（按钮 DOM 由 j3.js 注入，样式全局共享）===== */
#myBtn{display:none !important} /* 过渡兼容：未重生成的旧静态页里残留的旧按钮，直接隐藏 */

/* ===== 文章右侧「本页目录」（全文导航，仿百科；结构由 ar_interact.js 生成）=====
   整块 sticky 吸附 + height:0，所以一路随页面滚动、吸在浏览器顶部，又完全不吃右栏高度；
   默认就是展开的，只是层级压在右栏内容之下（先被公羽卡它们挡着），等右栏内容滚过去，面板自己露出来；
   页面主体外面那条空白里挂一个小钮「目录」，点它把面板提到最前直接盖在右栏上，再点「收起目录」又退回后面 */
.a_toc{display:none}
@media (min-width:1393px){
.ar_c_r{position:relative}
.ar_c_r>*:not(.a_toc){position:relative;z-index:1}   /* 右栏原有内容抬到面板之上，用来把面板挡住 */
.a_toc.has{display:block;position:sticky;top:0.5rem;height:0;z-index:0}   /* height:0 → 不占高度；sticky → 随滚动吸顶，且不会高过右栏 */
.a_toc.has.front{z-index:70}   /* 手动展开态：面板提到最前，直接盖住右栏内容 */
.a_toc.has>.bd{position:absolute;top:0;left:0;right:0;box-sizing:border-box;max-height:calc(100vh - 1rem);overflow-y:auto;padding:0.9375rem 0.875rem 0.6875rem;border-radius:0.75rem;background:linear-gradient(150deg,rgba(48,40,72,.98),rgba(33,28,50,.98));border:1px solid rgba(167,139,250,.28)}
.a_toc .tg{position:absolute;top:0;right:-2.875rem;z-index:1;padding:0.25rem 0.625rem;border:1px solid rgba(167,139,250,.35);border-radius:61.875rem;background:linear-gradient(150deg,rgba(48,40,72,.98),rgba(33,28,50,.98));color:#ffd9a0;font-size:0.75rem;line-height:1.6;font-family:inherit;cursor:pointer}
.a_toc .tg:hover{color:#fff;border-color:rgba(167,139,250,.7)}
}
.a_toc .t{margin:0 0 0.375rem;padding:0 0 0.4375rem;border-bottom:0.0625rem solid rgba(167,139,250,.18);font-size:1rem;font-weight:700;letter-spacing:.14em;line-height:1.375rem;color:#ffd9a0}
.a_toc ul{list-style:none;margin:0;padding:0}
.a_toc li{margin:0}
.a_toc a{display:block;padding:0.2375rem 0.5rem;border-left:0.125rem solid transparent;border-radius:0.375rem;color:#a99ed0;font-size:0.8rem;line-height:1.5;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a_toc li.t3 a{padding-left:1.3125rem;font-size:0.78125rem;color:#8f85b5}
.a_toc li.pg.cur{margin-top:0;padding-top:0;border-top:0}
.a_toc li.pg.cur>button:before{content:"";flex:0 0 auto;width:0;height:0;border-top:0.3125rem solid transparent;border-bottom:0.3125rem solid transparent;border-left:0.5rem solid #ffd9a0}
.a_toc li.pg>button{display:flex;align-items:center;gap:0.3125rem;width:100%;margin:0;padding:0.34375rem 0.5rem;border:0;border-radius:0.375rem;background:rgba(167,139,250,.14);color:#ffd9a0;font-size:0.8125rem;font-weight:600;line-height:1.5;text-align:left;font-family:inherit;cursor:pointer}
.a_toc li.pg>button:after{content:"";flex:0 0 auto;margin-left:auto;width:0.34375rem;height:0.34375rem;border-right:0.09375rem solid currentColor;border-bottom:0.09375rem solid currentColor;transform:rotate(-45deg);transition:transform .2s}
.a_toc li.pg.open>button:after{transform:rotate(45deg)}
.a_toc li.pg ul{display:none;margin:0.1875rem 0 0;padding:0}
.a_toc li.pg.open ul{display:block}
.a_toc li.pg span{display:block;padding:0.3125rem 0.5rem;color:#8f85b5;font-size:0.78125rem;line-height:1.5}