/* news-yaxin.com 新闻资讯门户样式（类名 nyx-，主色 #4a4a6b） */
:root{--nx:#4a4a6b;--nx-d:#3a3a55;--nx-l:#8b8bb0;--nx-bg:#f4f4f8;--nx-line:#e3e3ee;--nx-ink:#2c2c38;--nx-gold:#c9a86a}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font:16px/1.85 "PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;color:var(--nx-ink);background:var(--nx-bg)}
a{color:var(--nx);text-decoration:none}
a:hover{color:var(--nx-d);text-decoration:underline}
.nyx-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
/* header */
.nyx-header{background:#fff;border-bottom:3px solid var(--nx)}
.nyx-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;flex-wrap:wrap;gap:10px}
.nyx-logo{display:flex;align-items:center;gap:12px}
.nyx-logo:hover{text-decoration:none}
.nyx-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--nx),var(--nx-l));color:#fff;font-weight:700;font-size:18px;border-radius:10px;letter-spacing:1px}
.nyx-word b{display:block;font-size:22px;color:var(--nx-d)}
.nyx-word i{display:block;font-style:normal;font-size:12px;color:var(--nx-l);letter-spacing:1px}
.nyx-slogan{color:var(--nx-l);font-size:14px}
/* nav */
.nyx-nav{background:var(--nx)}
.nyx-menu{list-style:none;display:flex;flex-wrap:wrap}
.nyx-menu li a{display:block;color:#fff;padding:11px 14px;font-size:15px}
.nyx-menu li a:hover{background:var(--nx-d);text-decoration:none}
.nyx-menu li a.on{background:var(--nx-d);box-shadow:inset 0 -3px 0 var(--nx-gold)}
/* crumb */
.nyx-crumb{background:#fff;border-bottom:1px solid var(--nx-line)}
.nyx-crumb ol{list-style:none;display:flex;flex-wrap:wrap;padding:9px 20px;font-size:13px;color:var(--nx-l)}
.nyx-crumb li+li::before{content:"›";margin:0 8px;color:var(--nx-l)}
.nyx-crumb a{color:var(--nx-l)}
/* main */
.nyx-main{background:#fff;border:1px solid var(--nx-line);border-top:none;margin-bottom:36px}
.nyx-art{padding:28px 32px 36px}
.nyx-art h1{font-size:27px;color:var(--nx-d);line-height:1.4;padding-bottom:10px;border-bottom:2px solid var(--nx);margin-bottom:16px}
.nyx-art h2{font-size:20px;color:var(--nx-d);margin:26px 0 10px;padding-left:12px;border-left:5px solid var(--nx)}
.nyx-art h3{font-size:17px;color:var(--nx-d);margin:14px 0 6px}
.nyx-art p{margin:10px 0;text-align:justify}
.nyx-lead{font-size:17px;color:var(--nx-d);background:#f0f0f7;border-left:4px solid var(--nx-gold);padding:14px 16px;border-radius:0 8px 8px 0}
.nyx-meta{color:var(--nx-l);font-size:13px;margin-bottom:14px}
.nyx-fig img{width:100%;height:auto;border-radius:8px;display:block}
.nyx-list,.nyx-steps{margin:10px 0 10px 4px;padding-left:22px}
.nyx-list li,.nyx-steps li{margin:7px 0}
.nyx-steps{counter-reset:st}
.nyx-steps li{list-style:none;position:relative;padding-left:34px;margin:10px 0}
.nyx-steps li::before{counter-increment:st;content:counter(st);position:absolute;left:0;top:3px;width:24px;height:24px;background:var(--nx);color:#fff;border-radius:50%;text-align:center;line-height:24px;font-size:13px}
/* headline strip */
.nyx-headline{background:linear-gradient(135deg,var(--nx),var(--nx-d));color:#fff}
.nyx-headline .nyx-wrap{padding:16px 20px}
.nyx-headline h2{display:inline-block;font-size:15px;background:var(--nx-gold);color:var(--nx-d);padding:2px 10px;border-radius:4px;margin-right:12px}
.nyx-headline ul{list-style:none;display:inline}
.nyx-headline li{display:inline-block;margin:0 16px 0 0;font-size:15px}
.nyx-headline a{color:#fff;border-bottom:1px dotted rgba(255,255,255,.5)}
.nyx-headline a:hover{color:var(--nx-gold);text-decoration:none}
/* cards */
.nyx-cards h2,.nyx-latest h2,.nyx-faq h2,.nyx-related h2{font-size:20px;color:var(--nx-d);margin:24px 0 12px;padding-left:12px;border-left:5px solid var(--nx-gold)}
.nyx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.nyx-card{border:1px solid var(--nx-line);border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.nyx-card:hover{box-shadow:0 6px 18px rgba(74,74,107,.15);transform:translateY(-2px)}
.nyx-card a{display:block;padding:16px 18px;height:100%}
.nyx-card a:hover{text-decoration:none}
.nyx-card h3{font-size:17px;color:var(--nx-d)}
.nyx-card p{font-size:14px;color:#5a5a70;margin:8px 0 10px}
.nyx-more{font-size:13px;color:var(--nx-gold);font-weight:600}
/* faq */
.nyx-qa{border:1px solid var(--nx-line);border-radius:8px;padding:12px 16px;margin:10px 0}
.nyx-qa h3{color:var(--nx-d);font-size:16px}
.nyx-qa p{color:#4a4a60;font-size:15px}
.nyx-ask{background:#f8f8fc;border-top:1px dashed var(--nx-line)}
/* latest & hub */
.nyx-latest ul,.nyx-related ul{list-style:none}
.nyx-latest li,.nyx-related li{border-bottom:1px dashed var(--nx-line);padding:8px 2px}
.nyx-latest a,.nyx-related a{font-size:15px}
.nyx-latest a::before,.nyx-related a::before{content:"▸";color:var(--nx-gold);margin-right:8px}
.nyx-hub{list-style:none;margin:10px 0}
.nyx-hub li{border:1px solid var(--nx-line);border-radius:8px;margin:10px 0;transition:box-shadow .2s}
.nyx-hub li:hover{box-shadow:0 4px 12px rgba(74,74,107,.12)}
.nyx-hub a{display:block;padding:12px 16px}
.nyx-hub a:hover{text-decoration:none}
.nyx-hub b{display:block;color:var(--nx-d);font-size:16px}
.nyx-hub span{display:block;color:#6a6a80;font-size:13px;margin-top:3px}
/* key-points / conclusion */
.key-points{background:#eef0f8;border:1px solid var(--nx-line);border-left:5px solid var(--nx);border-radius:8px;padding:14px 18px;margin:18px 0}
.key-points h2{font-size:16px;color:var(--nx-d);margin:0 0 8px;padding:0;border:none}
.key-points ul{margin:0;padding-left:20px}
.key-points li{margin:4px 0;font-size:14px;color:#4a4a60}
.nyx-conclusion{background:#faf8f0;border:1px solid #eadfbf;border-radius:8px;padding:14px 18px;margin:22px 0}
.nyx-conclusion p{font-size:15px;color:var(--nx-d)}
.nyx-src{font-size:13px;color:#8a7a50;margin-top:4px}
/* footer 3栏 */
.nyx-footer{background:var(--nx-d);color:#c9c9dd;margin-top:10px}
.nyx-footgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:30px 20px}
.nyx-col h3{color:#fff;font-size:16px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.15)}
.nyx-col p{font-size:13px;line-height:1.8}
.nyx-col ul{list-style:none}
.nyx-col li{margin:6px 0;font-size:14px}
.nyx-col a{color:#c9c9dd}
.nyx-col a:hover{color:#fff}
.nyx-copy{background:#2f2f45;padding:10px 20px;font-size:12px;color:#8f8fa8;text-align:center}
@media (max-width:760px){
  .nyx-art{padding:20px 16px 28px}
  .nyx-footgrid{grid-template-columns:1fr;gap:18px}
  .nyx-top{justify-content:center}
  .nyx-menu li a{padding:9px 10px;font-size:14px}
  .nyx-headline li{display:block;margin:6px 0}
  .nyx-art h1{font-size:22px}
}