/* newselastica layout — 桌面基准 = 旧站 ja_elastica layout-wide (1200px)
   窄屏由 responsive.css 分断点回落到旧站 normal(960) / tablet / mobile */

/* MAIN LAYOUT */
.wrap { clear: both; width: 100%; }
.main { margin: 0 auto; position: relative; width: 1200px; }
.column { display: inline; float: left; }
.ja-mass { clear: both; }
.clearfix::after { content: ""; display: table; clear: both; }

/* arc (article list introtext clip) */
.arc { max-height: 164px; overflow: hidden; margin: 1em 0; }
/* 摘要区只显示纯文字: 隐藏图片与所有非文字媒体 (video 会在列表页渲染出播放器/封面) */
.arc img, .arc .foot1, .arc .img_caption,
.arc video, .arc audio, .arc iframe, .arc object, .arc embed { display: none; }
.arc p { margin: 0 !important; }

td { padding: 4px 7px; border: 1px solid #e1e1e1; }
td p { margin: 0 !important; }
ul.pagenav { width: 100%; bottom: 10px; position: absolute; font-size: 14px; }
ul.pagenav .pagenav-next { float: right; margin-right: 2em; }

.items-row .contentpaneopen img.img-home-1,
.items-row .contentpaneopen img.img-home,
.items-row .contentpaneopen img.img-home-s,
.items-row .contentpaneopen video,
.items-row .contentpaneopen audio,
.img-home-2 { display: none; }

.item-page .img-intro-right { display: none; }

.foot1 iframe { height: 205px; }
.foot1 p { display: none; }
/* 文章底部供应商链接表: 完整显示
   (旧站的 height:50px;overflow:hidden 只在 ≤1235px 窄屏档生效, 迁移时误写成全局导致桌面端 4 行只露 2 行) */
.foot .foot-link, .foot1 .foot-link {
	padding-right: 0;
	border-bottom: 1px solid #EEE;
}

/* MASONRY GRID (240px × 4 in normal) */
#ja-main {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0;
	position: relative;
}
/* 有侧栏时内容列自动加宽填满容器（旧站用 masonry JS 把砖块吸附到 1200/5×240 网格：
   内容 820→960、右栏 240 落 x=960..1200）。旧 flex 相邻排布会止于 1060，右侧留 140px 空洞。
   无侧栏时（#ja-content 是最后一个子项）保持旧站 820px 原宽。 */
#ja-main > #ja-content:not(:last-child) { flex: 1 1 auto; }

/* 桌面全宽(≥1236px, 1200px 容器): 内容:右栏 = 7:3 (840:360)，卡片贴齐容器两侧；
   侧栏模块只留左 1em 作栏间沟槽 + 下 1em 模块间距，顶/右贴边。
   低断点维持旧站 960/平板/手机行为不变 (flex-basis 会盖 width, 故必须限定断点) */
@media screen and (min-width: 1236px) {
	#ja-main > #ja-content:not(:last-child) { flex: 0 0 70%; width: 70%; }
	#ja-main > #ja-right1 { width: 30%; }
	#ja-main-wrap #ja-right1 div.ja-moduletable-inner,
	#ja-main-wrap #ja-right1 div.moduletable-inner,
	#ja-main-wrap #ja-right1 div.ja-module-inner,
	#ja-main-wrap #ja-right1 div.module-inner { margin: 0 0 1em 1em; }
	/* 侧栏模块砖块继承 .ja-masonry 240px 宽, 需撑满 30% 栏宽 */
	#ja-main-wrap #ja-right1 .ja-masonry { width: 100%; }
}
.grid-double { width: 380px; position: static !important; float: left; }
.grid-tripple { width: 720px; }
.grid-bai { width: 100%; }
.ja-masonry .custom, .grid-double .custom, .grid-tripple .custom { width: auto; }
.grid-double .latestnews { position: initial !important; width: 100%; }
.grid-double .latestnews li { width: 100%; height: 21.3px; overflow: hidden; }

/* 侧栏模块带 grid-double (旧站内容区双栏网格遗留类后缀):
   在侧栏里取消 380px 固定宽/浮动 和 li 单行裁剪, 恢复占满栏宽 + 标题正常换行 */
#ja-right1 .grid-double { width: 100% !important; max-width: 100%; float: none; }
#ja-right1 .grid-double .latestnews li,
#ja-right1 .grid-double .mostread li {
	height: auto; overflow: visible;
	overflow-wrap: break-word; word-break: break-word;
}
#ja-right1 .grid-double .latestnews li a,
#ja-right1 .grid-double .mostread li a { white-space: normal; }

/* 侧栏模块列表去圆点 (电脑+手机通用), 同时去掉默认缩进 */
#ja-right1 .ja-box-ct ul,
#ja-right1 .jamod-content ul {
	list-style: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

/* Main content */
#ja-content {
	width: 820px;
	position: static !important;
	float: left;
}
.ja-frontpage #ja-content { width: 820px; }
.ja-mf #ja-content { width: 820px; }
body.content-grid-mass #ja-content,
body.content-grid-mass.ja-frontpage #ja-content { width: 100% !important; }
body.content-grid-quadruple #ja-content,
body.content-grid-quadruple.ja-frontpage #ja-content { width: 920px; }
body.content-grid-tripple #ja-content,
body.content-grid-tripple.ja-frontpage #ja-content { width: 720px; }
body.content-grid-double #ja-content,
body.content-grid-double.ja-frontpage #ja-content { width: 480px; }
body.content-grid-single #ja-content,
body.content-grid-single.ja-frontpage #ja-content { width: 240px; }

/* Reset module gutter inside main-wrap */
#ja-main-wrap div.ja-moduletable,
#ja-main-wrap div.moduletable,
#ja-main-wrap div.ja-module,
#ja-main-wrap div.module { margin-right: 0; margin-left: 0; }
#ja-main-wrap div.ja-moduletable-inner,
#ja-main-wrap div.ja-module-inner,
#ja-main-wrap div.module-inner,
#ja-extra-col div.module-inner { margin: 1em; }

/* CONTENT GRID */
.item-page { padding: 1.5em; font-size: 16px; min-height: 1019px; }
.blog { min-height: 2500px; }
.items-row { padding: 0; margin: 0; }
.item { float: none; width: 100% !important; padding: 0 0 2em 0; }
.item .contentpaneopen { padding: 1em; font-size: 15px; min-height: 216.5px; }
.cols-1 .item, .cols-2 .item, .cols-3 .item, .cols-4 .item, .cols-5 .item { width: 100% !important; }
.items-leading { padding: 0; margin: 0; }
.items-leading .leading { padding: 1em 0; }
.items-leading .leading:first-child { padding-top: 0; }
.leading .contentpaneopen { padding: 1.5em; }

/* HEADER (margin-bottom 原为 1em, 用户要求内容区与导航之间不留白边) */
#ja-header { color: #FFF; margin-bottom: 2em;; }
#ja-header .main { padding: 0; }
#ja-header .main-inner1 { background: #006599; }
#ja-header .header { background: #fff; }

/* LOGO */
h1.logo, div.logo-text h1 { font-size: 2em; line-height: 1; margin: 0; }
h1.logo {
	background: #fff; float: left; font-size: 1em;
	height: 70px; width: auto; z-index: 12;
}
h1.logo a {
	background: none; display: block; font-size: 2em;
	height: auto; padding: 0.7em .5em 0.2em 0.1em;
	text-align: center; width: auto;
}
h1.logo a img { max-width: 100%; width: 240px; }

/* SEARCH & SOCIAL */
#ja-top { float: right; height: 80px; position: relative; width: auto; z-index: 999; }
#ja-search { padding: 0 1em; position: static; margin-top: 20px; }
#ja-search .search-btn {
	background: url(../images/icon-search.png) no-repeat center;
	display: block; float: right; height: 35px;
	text-indent: -1000em; width: 40px; border: none;
	cursor: pointer; background-size: 25px 25px;
}
#ja-search form.search { float: left; padding-top: 5px; width: 267px; }
#ja-search .inputbox {
	border: 1px solid #006599; color: #006599;
	margin: 0; padding: 7px 0 7px 14px; text-indent: 0; width: 210px;
}
#ja-social { height: 40px; }
#ja-social ul { display: block; padding: 5px 0 0 1em; }
#ja-social ul li {
	border-right: 1px solid #444; float: left;
	height: 30px; margin: 0; padding: 0;
	text-indent: -1000em; width: 30px;
}
#ja-social ul li a {
	background: url(../images/social-bg.png) no-repeat center top #444;
	display: block; height: 30px; width: 30px;
}
#ja-social ul li.social-rss a { background-position: center top; }
#ja-social ul li.social-facebook a { background-position: center -30px; }
#ja-social ul li.social-twitter a { background-position: center -60px; }
#ja-social ul li.social-gplus a { background-position: center bottom; }
#ja-social ul li a:hover { background-color: #006599; }

/* NAVHELPER (breadcrumbs) — 白底盒子, 对齐旧站 #ja-content-top 面包屑模块 .moduletable-inner 的同一套 token
   (margin-top 1em 复刻旧站导航与面包屑盒之间的灰色缝隙; 仅面包屑页生效, 不动 #ja-header 贴边) */
#ja-navhelper { margin-top: 1em; margin-bottom: 1em; }
#ja-navhelper .main {
	background: #FFF;
	border-top: 1px solid #E6E6E6;
	padding: 1.5em;
	box-shadow: 0 1px 1px rgba(0,0,0,.25);
	text-transform: uppercase;
	/* .main 固定 width:1200px 且默认 content-box, padding 会外扩 2×1.5em 导致白盒比导航栏宽出 36px;
	   改 border-box 让 padding 向内吃, 白盒左右边缘与导航栏/内容卡对齐 */
	box-sizing: border-box;
}
/* 面包屑本身由 J6 核心输出 bootstrap 内边距, 去掉避免与外壳 padding 叠加 */
#ja-navhelper .main .mod-breadcrumbs { padding: 0; }
.breadcrumbs, .breadcrumbs a { font-size: 13px !important; }

/* FOOTER */
#ja-footer { color: #999; font-size: .9em; padding: 2em 0; }
#ja-footer .main { text-align: center; }
#ja-footer .inner { padding: 0; }
#ja-footer small { font-size: 1em; }
#ja-footer a { color: #999; }
#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
	color: #333; border-bottom-color: #333;
}

/* FOOTER link columns */
.foot { border-top: 1px dashed #E5E5E5; clear: both; margin-top: 33px; padding-top: 17px; }
.foot td, .foot1 td { border: none !important; padding: 0; font-size: 14px; }
.foot .foot-link, .foot1 .foot-link { float: left; padding-right: 30px; }
.font-weibo1, .font-weibo, .font-weixin1, .font-weixin { display: none; }

/* MAIN NAV — 整宽块，蓝底横条与页头/容器同宽（不再 shrink-to-fit） */
#ja-mainnav { float: none; width: 100%; }
#ja-menu-button { display: none; position: relative; }

/* ADS marker */
.ads {
	width: 100%; padding: 20px 0 15px 0;
	border-width: 1px 0; border-color: #F0F0F0;
	border-style: dashed; text-align: center; position: relative;
}
.ads::before {
	content: "广告"; position: absolute; top: 2px; right: 0;
	font-size: 12px; text-align: center; color: #666;
}

/* LANGUAGE VARIANTS */
.en { font-family: "Georgia", Helvetica, Arial, sans-serif !important; }
.en .category-name { display: none; }
.en #ja-content-bottom .link li { width: 150px; }
.en .ja-megamenu li.mega .childcontent,
.en .ja-megamenu li.mega .childcontent .childcontent-inner-wrap,
.en .ja-megamenu li.mega .childcontent .childcontent-inner-wrap .childcontent-inner,
.en .ja-megamenu li.mega .childcontent .childcontent-inner-wrap .childcontent-inner .megacol { width: 270px !important; }
.en p { text-align: left; }
.en .item .contentpaneopen, .en .arc { font-size: 16px; }
/* 英文站列表页标题单行裁剪 (旧站 en 规则); 不带 .en 的裸 .contentheading 会误伤中文站两行标题, 已移除 */
.en .blog-featured .contentheading, .en h2.contentheading {
	font-size: 1.25em; height: 27.9px; overflow: hidden;
}
.en .arc { max-height: 128px; }
.en .ja-megamenu ul.level0 li.mega a.mega { font-weight: normal; }
.blog-featured .item p img { display: none; }
.blog-featured .contentheading { font-size: 1.44em; }
.item-page .contentheading { height: auto !important; }

.attachmentsContainer, div.attachmentsContainer { display: none; }
