.ncn-std,
.ncn-std *{
box-sizing:border-box;
}
.ncn-std{
margin:0;
padding:0;
background:#fff;
color:#27384a;
font-family:Arial,”Microsoft YaHei”,”PingFang SC”,sans-serif;
line-height:1.8;
}
.ncn-std a{
text-decoration:none!important;
}
.ncn-std-wrap{
width:min(1160px,calc(100% – 40px));
margin:0 auto;
}
.ncn-std-section{
padding:82px 0;
}
.ncn-std-light{
background:#f5f7fa;
}
.ncn-std-dark{
background:#122238;
color:#fff;
}
.ncn-std-eyebrow{
margin-bottom:10px;
color:#1673bd;
font-size:13px;
font-weight:700;
letter-spacing:2px;
}
.ncn-std-title{
margin:0 0 17px;
color:#172334;
font-size:38px;
line-height:1.35;
}
.ncn-std-intro{
max-width:860px;
margin:0;
color:#667485;
font-size:16px;
}
.ncn-std-hero{
padding:95px 0 82px;
background:linear-gradient(120deg,#0d2238 0%,#143757 60%,#17517c 100%);
color:#fff;
}
.ncn-std-kicker{
margin-bottom:14px;
color:#69b9ef;
font-size:13px;
font-weight:700;
letter-spacing:2px;
}
.ncn-std-hero h1{
margin:0 0 18px;
color:#fff;
font-size:42px;
line-height:1.32;
}
.ncn-std-hero p{
margin:0;
color:rgba(255,255,255,.76);
font-size:17px;
}
.ncn-std-tags{
display:flex;
flex-wrap:wrap;
gap:9px;
margin-top:26px;
}
.ncn-std-tags span{
padding:8px 13px;
border:1px solid rgba(255,255,255,.16);
border-radius:4px;
background:rgba(255,255,255,.045);
color:#fff;
font-size:13px;
}
.ncn-std-facts{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
margin-top:43px;
}
.ncn-std-fact{
padding:27px 22px;
border:1px solid #e0e6eb;
border-radius:8px;
background:#fff;
}
.ncn-std-fact strong{
display:block;
margin-bottom:6px;
color:#1673bd;
font-size:20px;
}
.ncn-std-fact span{
color:#687586;
font-size:14px;
}
.ncn-std-meta{
margin-top:42px;
border:1px solid #dfe6eb;
border-radius:8px;
background:#fff;
overflow:hidden;
}
.ncn-std-meta-row{
display:grid;
grid-template-columns:210px 1fr;
border-bottom:1px solid #eef2f6;
}
.ncn-std-meta-row:last-child{
border-bottom:none;
}
.ncn-std-meta-row dt{
padding:15px 22px;
background:#f7fafc;
color:#172334;
font-size:14px;
font-weight:700;
}
.ncn-std-meta-row dd{
margin:0;
padding:15px 22px;
color:#455769;
font-size:15px;
}
.ncn-std-quote{
max-width:920px;
margin-top:34px;
padding:28px 30px;
border-left:4px solid #1673bd;
background:#f3f8fb;
color:#455769;
font-size:17px;
}
.ncn-std-quote span{
display:block;
margin-top:12px;
color:#687586;
font-size:13px;
}
.ncn-std-grid2{
display:grid;
grid-template-columns:1fr 1fr;
gap:26px;
margin-top:42px;
}
.ncn-std-grid3{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin-top:42px;
}
.ncn-std-card{
padding:28px 25px;
border:1px solid #e0e6eb;
border-radius:8px;
background:#fff;
}
.ncn-std-card em{
display:block;
color:#1673bd;
font-size:12px;
font-weight:700;
font-style:normal;
letter-spacing:1px;
}
.ncn-std-card h3{
margin:13px 0 9px;
color:#172334;
font-size:20px;
}
.ncn-std-card p{
margin:0;
color:#687586;
font-size:14px;
}
.ncn-std-dark .ncn-std-card{
border:1px solid rgba(255,255,255,.13);
background:rgba(255,255,255,.045);
}
.ncn-std-dark .ncn-std-card em{
color:#69b9ef;
}
.ncn-std-dark .ncn-std-card h3{
color:#fff;
}
.ncn-std-dark .ncn-std-card p{
color:rgba(255,255,255,.67);
}
.ncn-std-org{
margin-top:42px;
border:1px solid rgba(255,255,255,.13);
border-radius:8px;
background:rgba(255,255,255,.04);
overflow:hidden;
}
.ncn-std-org-row{
display:grid;
grid-template-columns:230px 1fr;
border-bottom:1px solid rgba(255,255,255,.09);
}
.ncn-std-org-row:last-child{
border-bottom:none;
}
.ncn-std-org-row dt{
padding:16px 22px;
background:rgba(255,255,255,.04);
color:#69b9ef;
font-size:14px;
font-weight:700;
}
.ncn-std-org-row dd{
margin:0;
padding:16px 22px;
color:rgba(255,255,255,.82);
font-size:15px;
}
.ncn-std-org-row dd b{
color:#fff;
font-weight:700;
}
.ncn-std-source-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
margin-top:40px;
}
.ncn-std-source-card{
display:flex;
flex-direction:column;
padding:26px 24px;
border:1px solid #dfe6eb;
border-radius:8px;
background:#fff;
}
.ncn-std-source-card em{
color:#1673bd;
font-size:11px;
font-weight:700;
font-style:normal;
letter-spacing:.8px;
}
.ncn-std-source-card h3{
margin:12px 0 10px;
color:#172334;
font-size:19px;
line-height:1.5;
}
.ncn-std-source-card p{
margin:0 0 16px;
color:#687586;
font-size:14px;
line-height:1.8;
}
.ncn-std-source-card a{
margin-top:auto;
color:#1673bd!important;
font-weight:700;
font-size:14px;
}
.ncn-std-note{
margin-top:22px;
padding:18px 20px;
border-left:4px solid #1673bd;
background:#eef5fa;
color:#556576;
font-size:14px;
}
.ncn-std-faq{
max-width:920px;
margin-top:38px;
}
.ncn-std-faq-item{
padding:22px 0;
border-bottom:1px solid #dfe5ea;
}
.ncn-std-faq-item h3{
margin:0 0 8px;
color:#172334;
font-size:19px;
}
.ncn-std-faq-item p{
margin:0;
color:#687586;
}
.ncn-std-cta{
padding:68px 0;
background:#1673bd;
}
.ncn-std-cta-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
}
.ncn-std-cta h2{
margin:0 0 7px;
color:#fff;
font-size:31px;
}
.ncn-std-cta p{
margin:0;
color:rgba(255,255,255,.82);
}
.ncn-std-btn{
flex-shrink:0;
display:inline-block;
padding:13px 25px;
border-radius:5px;
background:#fff;
color:#1673bd!important;
font-weight:700;
}
@media(max-width:1050px){
.ncn-std-source-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:900px){
.ncn-std-facts{
grid-template-columns:repeat(2,1fr);
}
.ncn-std-grid3{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:650px){
.ncn-std-wrap{
width:min(100% – 28px,1160px);
}
.ncn-std-section{
padding:58px 0;
}
.ncn-std-hero{
padding:65px 0 58px;
}
.ncn-std-hero h1{
font-size:31px;
}
.ncn-std-title{
font-size:29px;
}
.ncn-std-facts,
.ncn-std-grid2,
.ncn-std-grid3{
grid-template-columns:1fr;
}
.ncn-std-source-grid{
grid-template-columns:1fr;
}
.ncn-std-meta-row,
.ncn-std-org-row{
grid-template-columns:1fr;
}
.ncn-std-cta-inner{
display:block;
text-align:center;
}
.ncn-std-btn{
margin-top:22px;
}
}