@charset "utf-8"; /* ========================================================= Join Us / Talent Recruitment —— jobs.html 专属样式表结构与 css/kypt.html 同源： ① 壳层规则（摘自原站 2026/css/tea_ny.css，与 kypt.css 相同） ② 内容区规则（照搬原站 2026/css/rczp.css，作用域 .page-rczp，仅有两处为英文排版做的调整，见注释） ③ 附件预览样式（新增）挂载方式：，仅影响本页。尺寸说明：html 基准 font-size 随视口缩放，≥1681px 时 1rem=100px。 ========================================================= */ /* ------------------ 1. 壳层（摘自 tea_ny.css，与 kypt.css 一致） ------------------ */ @font-face { font-family: 'sys'; src: url(../fonts/SourceHanSerifCN-Bold.woff2) format("woff2"), url(../fonts/SourceHanSerifCN-Bold.woff) format("woff"); font-display: swap; font-weight: 700; } .clearfix:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .fl { float: left; } .fr { float: right; } .nyMain { /* 原站 tea_ny.css 写的是 ../images/nybg.png，该文件已 404；此处与 kypt.css 保持一致，使用已下载的 n_bg1.jpg。 */ background: url(../images/n_bg1.jpg); min-height: 4rem; padding: 0 0 1.2rem; position: relative; background-color: #f7f9f8; } .nyMain::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: url(../images/n_detail.png) center top no-repeat; background-size: 100% auto; } .nyMain .wp { position: relative; z-index: 5; max-width: min(16rem, 94%); align-items: flex-start; } .nyRcon { background: transparent; width: 100%; position: relative; z-index: 2; padding-top: .5rem; min-height: 5rem; } /* 站内 banner 已自带面包屑，此处沿用 tea_ny.css 的小屏排法（流内、深色），避免与 banner 叠加（与 kypt.html 相同的处理）。 */ .posi { position: relative; top: 0; color: #444; margin-bottom: .3rem; } .posi a { color: #444; } .posi a:hover { color: #00712e; } /* ------------------ 2. 内容区规则（照搬原站 rczp.css，作用域 .page-rczp） ------------------ */ /* 右侧内容卡片 */ .page-rczp .nyRcon { min-height: 5rem; margin: 0; padding: .5rem .55rem .65rem; border: 0; border-radius: .12rem; background: #fff; box-shadow: 0 .06rem .28rem rgba(23, 74, 47, .1); } /* 文章标题 */ .page-rczp .titr { margin: 0 0 .45rem; padding: .1rem .1rem .32rem; border-bottom: 1px solid #e8ede9; font-family: 'sys'; font-size: .3rem; line-height: 1.5; color: #17352a; text-align: center; } /* 标题下方双色装饰短线 */ .page-rczp .titr:after { content: ''; display: block; width: .6rem; height: .045rem; margin: .3rem auto 0; border-radius: .02rem; background: linear-gradient(90deg, #00712e 60%, #b29873 60%); } /* 正文排版【英文排版调整 1/2】原站 font-family 为 Arial,"微软雅黑","宋体"，text-indent:2em（中文首行缩进）。本页内容已译为英文，改用拉丁字体栈并取消首行缩进；其余声明保持原站原值。 */ .page-rczp .arc-con { padding-bottom: .25rem; color: #2c3330; } .page-rczp .arc-con p { margin-bottom: .2rem !important; font-size: .18rem !important; line-height: 2 !important; color: #2c3330 !important; text-indent: 0 !important; text-align: justify; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; } .page-rczp .arc-con p span { font-size: inherit !important; font-family: inherit !important; color: inherit !important; background: transparent !important; letter-spacing: normal !important; } /* 强调文字着深绿，形成统一的视觉重点 */ .page-rczp .arc-con strong { color: #0b5d33; } /* 富文本图片自适应 */ .page-rczp .arc-con img { max-width: 100%; height: auto; } /* 清理空段与多余换行 */ .page-rczp .arc-con p:has(> br:only-child) { display: none; } .page-rczp .arc-con>br { display: none; } /* ---- 小节标题 ---- */ /* 一、二、… 大节 */ .page-rczp .arc-con p.arc-h2 { margin: .5rem 0 .28rem !important; padding-bottom: .14rem; border-bottom: 1px solid #e3ece6; font-size: .24rem !important; line-height: 1.5 !important; color: #0b5d33 !important; text-indent: 0 !important; text-align: left !important; font-weight: 700; } .page-rczp .arc-con p.arc-h2:before { content: ''; display: inline-block; width: .08rem; height: .24rem; margin-right: .14rem; border-radius: .04rem; background: linear-gradient(180deg, #00712e, #b29873); vertical-align: -.03rem; } /* （一）（二）… 小节 */ .page-rczp .arc-con p.arc-h3 { margin: .38rem 0 .18rem !important; font-size: .19rem !important; color: #0b5d33 !important; text-indent: 0 !important; text-align: left !important; font-weight: 700; } /* 表格/附件题注（居中加粗行） */ .page-rczp .arc-con p.arc-cap { margin: .45rem 0 .16rem !important; font-size: .2rem !important; line-height: 1.6 !important; color: #0b5d33 !important; text-indent: 0 !important; letter-spacing: .04em; } /* ------------------ 3. 附件：下载按钮 + 表格（由原附件图片转录为 HTML 表格，样式源自 rczp.css） ------------------ */ .page-rczp .arc-files-tit { display: flex; align-items: center; gap: .12rem; margin: .55rem 0 .16rem; font-size: .18rem; font-weight: 700; color: #0b5d33; } .page-rczp .arc-files-tit:before { content: ''; width: .06rem; height: .2rem; border-radius: .03rem; background: linear-gradient(180deg, #00712e, #b29873); } .page-rczp .arc-files-tit:after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, #dfe9e2, rgba(223, 233, 226, 0)); } /* 下载按钮（原中文 PDF 附件仍可下载；结构：span.arc-file > a > span(文件名)） */ .page-rczp .arc-con span.arc-file { display: block; margin-top: .1rem; font-size: 0; } .page-rczp .arc-con span.arc-file a { display: inline-flex; align-items: center; gap: .12rem; padding: .1rem .24rem .1rem .1rem; border: 1px solid #dfe7e2; border-left: .04rem solid #00712e; border-radius: .08rem; background: #fff; box-shadow: 0 .02rem .08rem rgba(23, 74, 47, .06); font-size: .16rem; line-height: 1.3; color: #0b5d33; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease; } .page-rczp .arc-con span.arc-file a:before { content: '\2193'; display: inline-flex; align-items: center; justify-content: center; width: .28rem; height: .28rem; border-radius: 50%; background: #e6f3ea; font-family: Arial, sans-serif; font-size: .16rem; color: #00712e; } .page-rczp .arc-con span.arc-file a:hover, .page-rczp .arc-con span.arc-file a:focus-visible { transform: translateY(-.02rem); background: #f6fbf8; border-color: #00712e; box-shadow: 0 .06rem .16rem rgba(0, 113, 46, .18); outline: none; } /* 表格（横向可滚动容器） */ .page-rczp .tbl-wrap { overflow-x: auto; margin: .12rem 0 .35rem; border: 1px solid #dce8e0; border-radius: .08rem; box-shadow: 0 .03rem .12rem rgba(23, 74, 47, .06); -webkit-overflow-scrolling: touch; } .page-rczp .arc-con table { width: 100% !important; min-width: 9.6rem; margin: 0; border: 0 !important; background: #fff; border-collapse: collapse; } .page-rczp .arc-con table tr td { border: 0 !important; border-bottom: 1px solid #e7eee9 !important; border-right: 1px solid #e7eee9 !important; padding: .13rem .14rem !important; vertical-align: middle !important; font-size: .16rem !important; line-height: 1.7 !important; background: #fff !important; } .page-rczp .arc-con table tr td:last-child { border-right: 0 !important; } .page-rczp .arc-con table tr:last-child td { border-bottom: 0 !important; } /* 首行为表头 */ .page-rczp .arc-con table tr:first-child td { background: linear-gradient(135deg, #0b7a3d, #0a5c30) !important; color: #fff !important; font-weight: 700; text-align: center; white-space: nowrap; } .page-rczp .arc-con table tr:first-child td strong { color: #fff; } /* 斑马纹（合并单元格除外） */ .page-rczp .arc-con table tr:nth-child(2n) td:not([rowspan]) { background: #f6faf7 !important; } /* 合并单元格列（人才类别 / 序号 / 研究方向）居中强调 */ .page-rczp .arc-con table td[rowspan] { text-align: center; background: #f2f7f3 !important; font-weight: 700; color: #0b5d33; } .page-rczp .arc-con table tr td p { margin: 0 !important; padding: 0 !important; text-indent: 0 !important; font-size: .16rem !important; line-height: 1.7 !important; text-align: inherit; } .page-rczp .arc-con table tr td p span { font-size: inherit !important; font-family: inherit !important; color: inherit !important; background: transparent !important; } /* 表格内邮箱链接 */ .page-rczp .arc-con table td a { color: #0b5d33; word-break: break-all; } .page-rczp .arc-con table td a:hover { color: #00712e; } /* 附件语言备注 */ .page-rczp .arc-con p.arc-note { font-size: .15rem !important; color: #7a8781 !important; font-style: italic; margin-top: .1rem !important; } /* ------------------ 4. 响应式 ------------------ */ @media (max-width: 1024px) { .page-rczp .nyMain { padding: .3rem 0 .9rem; } .page-rczp .nyMain .wp { display: block; } .page-rczp { width: 100%; padding-top: .3rem; } .page-rczp .nyRcon { padding: .35rem .3rem .5rem; } .page-rczp .titr { font-size: .27rem; } .page-rczp .arc-con p { font-size: .2rem !important; } .page-rczp .arc-con p.arc-h2 { font-size: .26rem !important; } .page-rczp .arc-con p.arc-h3 { font-size: .21rem !important; } .page-rczp .arc-con p.arc-cap { font-size: .22rem !important; } } @media (max-width: 640px) { .page-rczp .nyRcon { padding: .28rem .18rem .4rem; } .page-rczp .titr { font-size: .24rem; padding-bottom: .25rem; } .page-rczp .titr:after { margin-top: .2rem; } } /* 壳层小屏规则（与 kypt.css 相同） */ @media (max-width: 992px) { .nyMain { padding: .4rem 0 2.2rem; } { margin-top: .4rem; padding-top: 0; } .arc-con img { width: auto !important; height: auto !important; max-width: 100%; } .arc-con { font-size: .24rem; } } @media (max-width: 576px) { .arc-con img { width: auto !important; height: auto !important; } .arc-con { font-size: .28rem; } }