@charset "UTF-8";

:root{
  --red:#C31A1A; --red-deep:#8F0A0A; --red-dark:#260404;
  --gold:#FFD54D; --bg-soft:#FAF7F5; --ink:#1A1A1A; --ink-2:#4A4A4A;
  --ink-3:#6E6E6E; --ink-4:#8A8A8A; --line:#EFE5E3; --red-soft:#FBEAEA;
}

*{margin:0;padding:0;box-sizing:border-box}

a{text-decoration:none;color:inherit}

ul{list-style:none}

.wrap{max-width:1200px;margin:0 auto;padding:0 24px}

.num{font-family:"Inter","Noto Sans SC",sans-serif}



.topbar{background:var(--red-deep);color:#fff;font-size:13px}

.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:40px}
.topbar .wrap{max-width:1200px;width:auto;padding-left:24px;padding-right:24px}
.topbar .topbar-right{margin-left:auto}

.topbar .hotline{display:flex;align-items:center;gap:6px;font-weight:500}

.topbar .hotline svg{width:15px;height:15px}

.header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 6px 20px rgba(143,10,10,.06)}

[id]{scroll-margin-top:90px}
 
.header .wrap{display:flex;align-items:center;gap:48px;height:80px}

.logo{display:flex;align-items:center;gap:12px}

.logo-img{height:52px;width:auto;display:block}

.nav{display:flex;gap:36px;flex:1}
.nav-phone{margin-left:auto;white-space:nowrap;color:var(--red);font-size:18px;font-weight:700}

.nav a{font-size:15px;font-weight:500;color:var(--ink-2);position:relative;padding:6px 0;transition:color .2s}

.nav a::after{content:"";position:absolute;left:50%;bottom:-4px;width:24px;height:3px;border-radius:2px;background:var(--red);opacity:0;transform:translateX(-50%) scaleX(.4);transition:opacity .2s,transform .2s}

.nav a:hover{color:var(--red)}

.nav a:hover::after{opacity:1;transform:translateX(-50%) scaleX(1)}

.nav a.active{color:var(--red);font-weight:600}

.nav a.active::after{opacity:1;transform:translateX(-50%) scaleX(1);transition:none}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;cursor:pointer;border:none;font-family:inherit;transition:.2s}

.btn-primary{background:var(--red);color:#fff;font-weight:600;font-size:15px;padding:12px 26px;box-shadow:0 6px 14px -2px rgba(195,26,26,.3)}

.btn-primary:hover{background:#a81414;transform:translateY(-1px)}

.eyebrow{font-family:"Inter";font-size:13px;font-weight:600;letter-spacing:4px;color:var(--red)}

.section-head h2{font-size:38px;font-weight:700;margin:14px 0 12px}

.section-head p{font-size:15px;color:var(--ink-3)}

.ftab:hover{border-color:var(--red);color:var(--red)}

.ftab.active{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}

.ftab-note{font-size:13px;color:var(--ink-4);margin-left:auto}



footer{background:var(--red-dark);color:#fff;padding-top:72px}

.footer-main{display:flex;gap:80px;padding-bottom:56px}

.footer-brand{width:360px}

.flogo{display:flex;align-items:center;gap:12px;margin-bottom:18px}

.flogo-img{height:48px;width:auto;display:block}

.footer-brand p{font-size:14px;color:rgba(255,255,255,.6);line-height:1.8;margin-bottom:22px}

.fhotline span{display:block;font-size:12px;color:rgba(255,255,255,.5);margin-bottom:4px}

.fhotline b{font-family:"Inter";font-size:25px;font-weight:800;color:var(--gold)}

.footer-col h5{font-size:15px;font-weight:600;margin-bottom:18px}

.footer-col ul{display:flex;flex-direction:column;gap:13px}

.footer-col a{font-size:13px;color:rgba(255,255,255,.5);transition:.2s}

.footer-col a:hover{color:#fff}

.footer-col .qr{width:96px;height:96px;border-radius:8px;overflow:hidden;margin-bottom:10px}

.footer-col .qr-img{width:100%;height:100%;object-fit:cover;display:block}

.footer-col .qr-tip{font-size:12px;color:rgba(255,255,255,.5)}

.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:24px 24px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,.35)}
.footer-icp{color:rgba(255,255,255,.65);text-decoration:none}.footer-icp:hover{color:#fff;text-decoration:underline}.footer-icp:empty{display:none}

.footer-links{display:flex;gap:24px}

.footer-links a{color:rgba(255,255,255,.5)}

.footer-links a:hover{color:#fff}

.crumb a:hover{color:#fff}

.crumb .cur{color:var(--gold);font-weight:500}

.hero-stats{display:flex;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}

.hstat{width:25%}

.hstat b{font-size:34px;font-weight:800;font-family:"Inter","Noto Sans SC",sans-serif;color:var(--gold);line-height:1.2}

.hstat b small{font-size:19px;font-weight:600;margin-left:2px}

img{display:block}

.crumb a{color:rgba(255,255,255,.7)}

.crumb .sep{color:rgba(255,255,255,.45)}

.sidebar{width:324px;flex-shrink:0;display:flex;flex-direction:column;gap:24px}



.side-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}

.side-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}

.side-head i{width:4px;height:18px;border-radius:2px;background:var(--red)}

.side-head h3{font-size:17px;font-weight:700}

.rank-list{display:flex;flex-direction:column;gap:14px}

.rank-list li{display:flex;align-items:flex-start;gap:12px}

.rank-list b{font-family:"Inter";font-size:16px;font-weight:800;color:var(--red);line-height:22px}

.rank-list li:nth-child(n+2) b{opacity:.45}

.rank-list a{font-size:14px;font-weight:500;line-height:22px;color:var(--ink)}

.rank-list a:hover{color:var(--red)}

.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}

.tag-cloud a{font-size:13px;font-weight:500;color:var(--red);background:var(--red-soft);padding:7px 16px;border-radius:999px;transition:.2s}

.tag-cloud a:hover{background:var(--red);color:#fff}

.cta-card{background:linear-gradient(115deg,#D61C1C 0%,#8E0B0B 100%);border-radius:16px;padding:32px;color:#fff;box-shadow:0 14px 32px -6px rgba(107,8,8,.3)}

.cta-card h3{font-size:21px;font-weight:700;margin-bottom:10px}

.cta-card p{font-size:13px;color:rgba(255,255,255,.85);line-height:1.7;margin-bottom:18px}

.cta-card .btn-white-sm{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;background:#fff;border-radius:999px;color:var(--red);font-size:15px;font-weight:700;transition:.2s}

.cta-card .btn-white-sm:hover{transform:translateY(-2px);box-shadow:0 10px 20px -6px rgba(0,0,0,.3)}

.cta-card .btn-white-sm svg{width:16px;height:16px}


.mdock{display:none}

.brand-logo{display:flex;align-items:center;gap:10px;color:#18243b;text-decoration:none;white-space:nowrap}.brand-logo b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#c31a1a;color:#fff;font-size:24px;line-height:1;font-family:serif}.brand-logo strong{font-size:18px;letter-spacing:.02em}.section-head{text-align:center}.section-head h1,.section-head h2,.section-head h3,.section-head p{margin-left:auto;margin-right:auto}
@media (max-width:1100px){
  .mdock{
    position:fixed;left:12px;right:12px;bottom:12px;z-index:999;
    display:flex;gap:10px;
  }
  .mdock a{
    flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
    height:46px;border-radius:23px;font-size:14px;font-weight:600;
    box-shadow:0 6px 16px -4px rgba(0,0,0,.28);
  }
  .mdock svg{width:17px;height:17px;flex-shrink:0}
  .mdock-tel{background:#fff;color:var(--red);border:1.5px solid var(--red)}
  .mdock-chat{background:var(--red);color:#fff}
  .mdock-form{background:#fff;color:var(--red);border:1.5px solid var(--red)}
  
  footer{padding-bottom:70px}
  
  .footer-bottom{flex-direction:column;gap:14px}
  .footer-links{gap:20px}
  
  .section-head h2{font-size:26px}
  
  .footer-main{display:grid;grid-template-columns:1fr 1fr;gap:36px 24px}
  .footer-brand{grid-column:1 / -1;width:auto}
  
  .header .wrap{gap:16px;height:64px}
  .nav-phone{font-size:14px}
  .logo-img{height:40px}
  .header .btn-primary{font-size:14px;padding:10px 18px;white-space:nowrap}
}


html,body{min-height:100%;}
body{min-height:100vh;display:flex;flex-direction:column}
body>footer{margin-top:auto}


@media (max-width:1100px){.mdock-chat,.mdock-tel,.mdock-form{background:var(--red)!important;color:#fff!important;border:1.5px solid var(--red)!important}}