
:root{
  --cream:#EBEED5;      /* 奶油 — Hero满铺/亮底 */
  --green:#B0C49C;      /* 灰绿 — 审计区/绿光数字 */
  --green-d:#8FA87E;
  --lilac:#B1B4C8;      /* 浅灰紫 — 图表卡 */
  --purple:#7A70BA;     /* 中紫 — 按钮/图标 */
  --purple-d:#5C5294;
  --ink:#41386B;        /* 深紫 — 文字/Footer/资产面板 */
  --ink-d:#332C55;
  --white:#FFFFFF;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Noto Serif SC','SimSun','Songti SC',serif;color:var(--ink);background:var(--white);line-height:1.7}
a{text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
/* ===== 导航 ===== */
nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #E8EBDD}
nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 24px}
.brand{font-size:1.5rem;font-weight:900;color:var(--ink);letter-spacing:.5px}
.brand b{color:#F3BA2F}
.nlinks{display:flex;gap:26px;font-size:.95rem}
.nlinks a{color:var(--ink);opacity:.8;font-weight:600}
.nlinks a:hover{opacity:1;color:var(--purple)}
.nbtns{display:flex;gap:10px}
.nbtn{font-size:.88rem;font-weight:800;padding:10px 22px;border-radius:8px;transition:.25s}
.nbtn.n1{background:var(--ink);color:var(--cream)}
.nbtn.n1:hover{background:var(--ink-d)}
.nbtn.n2{background:var(--purple);color:#fff}
.nbtn.n2:hover{background:var(--purple-d)}
/* ===== Hero ===== */
.hero{background:var(--cream);padding:64px 0 68px}
.hero .wrap{display:grid;grid-template-columns:1fr 350px;gap:48px;align-items:center}
.h-left .kick{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;padding:8px 16px;border-radius:30px;background:#fff;color:#55608A;border:1px solid #D8DCC8;margin-bottom:22px}
.h-left h1{font-size:2.7rem;font-weight:900;line-height:1.28;color:var(--ink)}
.h-left h1 em{font-style:normal;background:linear-gradient(180deg,transparent 58%,var(--green) 58%)}
.h-left .sub{font-size:1.02rem;line-height:2;color:#5A5478;margin-top:18px}
.engines{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}
.engine{flex:1;min-width:200px;background:#fff;border-radius:12px;padding:15px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 18px rgba(65,56,107,.08)}
.engine .ic{width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}
.engine .et{font-size:.86rem;font-weight:800;color:var(--ink)}
.engine .en{font-size:.68rem;color:#8A87A8;margin-top:3px;font-family:Consolas,monospace}
.btns{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.btn{font-size:1.02rem;font-weight:900;padding:14px 38px;border-radius:10px;transition:.25s;letter-spacing:1px}
.btn.b1{background:var(--ink);color:var(--cream)}
.btn.b1:hover{background:var(--ink-d);transform:translateY(-2px)}
.btn.b2{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.btn.b2:hover{background:var(--cream);transform:translateY(-2px)}
/* ===== 资产面板 ===== */
.panel{border-radius:16px;padding:26px;background:linear-gradient(160deg,var(--ink),var(--ink-d));border:1px solid rgba(235,238,213,.2);box-shadow:0 24px 60px rgba(65,56,107,.3)}
.panel .pt{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:800;color:var(--lilac);margin-bottom:16px}
.panel .pt .live{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--green)}
.panel .pt .live i{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:blink 1.2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.rows{display:flex;flex-direction:column;gap:11px}
.asset{border-radius:12px;padding:13px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(177,180,200,.16);display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px}
.asset .an{display:flex;align-items:center;gap:9px}
.asset .sym{width:32px;height:32px;border-radius:50%;background:rgba(176,196,156,.22);color:#C9DCB4;display:flex;align-items:center;justify-content:center;font-size:.92rem;font-weight:900}
.asset .nm{font-size:.86rem;font-weight:800;color:var(--cream)}
.asset .nm small{display:block;font-size:.62rem;color:var(--lilac);opacity:.75;font-family:Consolas,monospace;font-weight:400}
.asset .av{text-align:right;font-family:Consolas,monospace;font-weight:900;font-size:1.08rem;color:#C9DCB4;text-shadow:0 0 10px rgba(176,196,156,.9),0 0 26px rgba(176,196,156,.45);white-space:nowrap}
.asset .ac{text-align:right;font-size:.6rem;color:var(--lilac);opacity:.8;font-family:Consolas,monospace;grid-column:2;white-space:nowrap}
.marquee{position:relative;overflow:hidden;border-radius:10px;margin-top:16px;padding:10px 14px;font-size:.78rem;font-family:Consolas,monospace;color:#C9DCB4;background:rgba(176,196,156,.12);border:1px solid rgba(176,196,156,.32);white-space:nowrap}
.marquee span{display:inline-block;padding-left:100%;animation:marq 22s linear infinite}
@keyframes marq{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
/* ===== 核心服务区 ===== */
.sec{padding:64px 0}
.sec .sh{max-width:1200px;margin:0 auto 32px;padding:0 24px}
.sec .sh .tag{font-size:.74rem;font-weight:800;letter-spacing:3px;text-transform:uppercase}
.sec .sh h2{font-size:1.75rem;font-weight:900;margin-top:8px;color:var(--ink)}
.sec .sh p{font-size:.95rem;margin-top:10px;opacity:.82;line-height:1.8;color:#3A4A33}
.sec-service{background:var(--green)}
.sec-service .sh .tag{color:#2F3A2A}
.sec-service .sh h2{color:#24301F}
.sec-service .sh p{color:#3A4A33}
.service-grid{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card{background:#fff;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 22px rgba(47,58,42,.14)}
.service-card .st{font-size:1.02rem;font-weight:900;color:#2F3A2A;display:flex;align-items:center;gap:8px}
.service-card .sd{font-size:.86rem;color:#4A5B40;line-height:1.9}
.svc-btn{display:block;text-align:center;font-size:.9rem;font-weight:900;padding:12px;border-radius:8px;background:#2F3A2A;color:var(--cream);margin-top:auto;transition:.25s}
.svc-btn:hover{background:#24301F}
/* ===== 行情速览 ===== */
.sec-market{background:#fff}
.sec-market .sh .tag{color:var(--purple)}
.sec-market .sh p{color:#66627F}
.mkt-wrap{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.chart-box{background:var(--lilac);border-radius:16px;padding:24px}
.chart-box h4{font-size:1.05rem;font-weight:900;color:#2E2850;margin-bottom:6px}
.chart-box .csub{font-size:.74rem;color:#5A5478;opacity:.9;margin-bottom:16px;font-family:Consolas,monospace}
.axis-t{font-family:Consolas,monospace;font-size:10px;fill:#6B6890}
.mkt-legend{display:flex;gap:18px;font-size:.74rem;margin-top:12px;flex-wrap:wrap;color:#3A3655}
.mkt-legend i{width:14px;height:4px;border-radius:2px;display:inline-block;margin-right:6px;vertical-align:middle}
.mkt-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.mkt4{background:#fff;border-radius:12px;padding:18px;text-align:center;box-shadow:0 6px 16px rgba(65,56,107,.1)}
.mkt4 .v{font-size:1.4rem;font-weight:900;color:var(--ink);font-family:Consolas,monospace}
.mkt4 .k{font-size:.74rem;color:var(--purple);margin-top:4px}
.mkt4 .k b{font-family:Consolas,monospace;font-weight:800;margin-left:4px}
.mkt4 .k b.up{color:#5C7A4A}
.mkt4 .k b.dn{color:#5C5294}
/* ===== 文章区 ===== */
.sec-news{background:#F2F0FA}
.sec-news .sh .tag{color:var(--purple)}
.sec-news .sh p{color:#5A5478}
.news-grid{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.news-card{background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 14px rgba(65,56,107,.08);transition:.3s;border:1px solid #E4E1F2}
.news-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(65,56,107,.16)}
.news-card .nt{font-size:.95rem;font-weight:800;color:var(--ink);line-height:1.55}
.news-card .nd{font-size:.72rem;color:#8A87A8;font-family:Consolas,monospace}
.news-card .nl{margin-top:auto;font-size:.8rem;font-weight:800;color:var(--purple)}
.news-card .nl:hover{color:var(--ink)}
/* ===== CTA + Footer ===== */
.cta-band{background:var(--ink);padding:70px 24px;text-align:center}
.cta-band h2{font-size:1.9rem;font-weight:900;color:var(--cream)}
.cta-band p{font-size:1rem;color:var(--lilac);margin-top:12px}
.cta-band .btns{justify-content:center}
.cta-band .btn.b1{background:var(--cream);color:var(--ink)}
.cta-band .btn.b2{background:transparent;color:var(--cream);border:2px solid rgba(235,238,213,.55)}
.foot{background:var(--ink-d);padding:46px 24px;text-align:center;border-top:1px solid rgba(235,238,213,.08)}
.foot .fl{font-size:1rem;font-weight:900;color:var(--cream);margin-bottom:8px}
.foot p{font-size:.76rem;color:var(--lilac);opacity:.7;line-height:1.8}
/* ===== 文章页 ===== */
.art-page{background:#fff;padding:50px 0 60px}
.art-page .wrap{max-width:860px}
.breadcrumb{font-size:.82rem;color:#8A87A8;margin-bottom:20px}
.breadcrumb a{color:var(--purple)}
.art-page h1{font-size:1.85rem;font-weight:900;color:var(--ink);line-height:1.4;margin-bottom:14px}
.art-meta{display:flex;gap:16px;font-size:.8rem;color:#8A87A8;padding-bottom:18px;border-bottom:1px solid #E8EBDD;margin-bottom:26px;flex-wrap:wrap}
.art-content{font-size:1rem;line-height:2.15;color:#3A3655}
.art-content h2{font-size:1.3rem;color:var(--ink);margin:30px 0 14px;font-weight:900}
.art-content h3{font-size:1.1rem;color:var(--purple-d);margin:24px 0 12px;font-weight:800}
.art-content p{margin-bottom:18px;text-indent:2em}
.art-content strong{color:var(--ink)}
.art-cta{margin:36px 0;background:var(--cream);border-radius:14px;padding:28px;text-align:center}
.art-cta p{font-size:.95rem;color:#5A5478;margin-bottom:16px;text-indent:0}
.art-cta .btns{justify-content:center;margin-top:0}
.art-cta .btn.b1{background:var(--ink);color:var(--cream)}
.art-cta .btn.b2{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.art-pagination{display:flex;justify-content:space-between;margin-top:40px;padding-top:22px;border-top:1px solid #E8EBDD}
.art-pagination a{font-size:.9rem;font-weight:700;color:var(--purple)}
.art-pagination a:hover{color:var(--ink)}
.disclaimer{margin-top:28px;font-size:.78rem;color:#8A87A8;background:#F8F9F0;border-radius:10px;padding:16px;line-height:1.8}
/* ===== 分类页 ===== */
.cat-page{background:var(--cream);padding:50px 0 60px}
.cat-page .wrap{max-width:1000px}
.cat-page h1{font-size:1.9rem;font-weight:900;color:var(--ink);margin-bottom:8px}
.cat-page .csub{font-size:.92rem;color:#5A5478;margin-bottom:30px}
.cat-list{display:flex;flex-direction:column;gap:14px}
.cat-item{background:#fff;border-radius:12px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;box-shadow:0 4px 14px rgba(65,56,107,.08);transition:.3s;border-left:4px solid var(--green)}
.cat-item:hover{transform:translateX(4px);box-shadow:0 10px 26px rgba(65,56,107,.14)}
.cat-item .ct{font-size:1rem;font-weight:800;color:var(--ink)}
.cat-item .cd{font-size:.78rem;color:#8A87A8;margin-top:5px}
.cat-item .cdate{font-size:.78rem;color:#8A87A8;font-family:Consolas,monospace;flex-shrink:0}
.back-home{margin-top:36px;text-align:center}
.back-home a{display:inline-block;font-size:.92rem;font-weight:800;padding:12px 34px;border-radius:8px;background:var(--ink);color:var(--cream)}
@media(max-width:900px){
  .hero .wrap{grid-template-columns:1fr;padding-top:10px}
  .h-left h1{font-size:2.05rem}
  .audit-grid,.news-grid{grid-template-columns:1fr}
  .stress-wrap{grid-template-columns:1fr}
  .stats4{grid-template-columns:repeat(2,1fr)}
  .nlinks{display:none}
  .nbtns .nbtn{font-size:.78rem;padding:8px 14px}
}
