*{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
    background-color:#d6d3d1;
    color:#44403c;
    line-height:1.85;
    font-size:16px;
    background-image:repeating-linear-gradient(0deg,rgba(68,64,60,.045) 0px,rgba(68,64,60,.045) 1px,transparent 1px,transparent 5px);
  }
  a{color:#991b1b;}
  img{max-width:100%;display:block;}

  .site-header{
    position:sticky;top:0;z-index:80;
    background:#e7e5e4;
    border-bottom:3px double #44403c;
    padding:12px 20px;
    display:flex;align-items:center;justify-content:space-between;
    flex-wrap:wrap;gap:12px;
  }
  .brand{
    font-size:20px;font-weight:700;letter-spacing:3px;color:#991b1b;
    border:2px solid #44403c;padding:3px 12px;background:#d6d3d1;
    box-shadow:3px 3px 0 rgba(68,64,60,.25);
  }
  .nav-links{display:flex;flex-wrap:wrap;gap:8px;}
  .nav-links a{
    text-decoration:none;color:#44403c;font-size:14px;letter-spacing:1px;
    padding:6px 12px;background:#d6d3d1;border:1.5px solid #44403c;
    box-shadow:2px 2px 0 rgba(68,64,60,.28);
    transition:all .18s ease;
  }
  .nav-links a:hover{background:#991b1b;color:#f5f5f4;box-shadow:2px 2px 0 rgba(68,64,60,.5);}

  .wrap{max-width:1180px;margin:0 auto;padding:30px 20px;}
  section{margin-bottom:52px;}

  h1{
    font-size:30px;line-height:1.45;letter-spacing:1px;margin:0 0 6px;
    color:#44403c;font-weight:700;
  }
  h1::after{content:"";display:block;width:140px;height:5px;background:#991b1b;margin-top:16px;}
  h2{
    font-size:22px;letter-spacing:1.5px;margin:0 0 20px;color:#44403c;
    display:inline-block;padding-bottom:8px;border-bottom:2px dashed #a8a29e;
  }
  h3{font-size:17px;letter-spacing:.5px;margin:0 0 10px;color:#991b1b;}
  p{margin:0 0 14px;}

  .card{
    background:#e7e5e4;border:2px solid #44403c;padding:22px;
    box-shadow:6px 6px 0 rgba(68,64,60,.18);
    position:relative;
  }
  .card::after{
    content:"";position:absolute;inset:6px;border:1px dotted rgba(68,64,60,.35);
    pointer-events:none;
  }

  .hero{display:grid;grid-template-columns:1.35fr .65fr;gap:26px;align-items:center;}
  .hero-text p{font-size:16px;color:#57534e;}
  .hero-figure{border:2px solid #44403c;box-shadow:8px 8px 0 rgba(153,27,27,.22);background:#e7e5e4;}
  .hero-figure img{filter:sepia(.18) contrast(1.06);width:100%;height:auto;}

  .btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
  .btn{
    display:inline-block;text-decoration:none;font-size:14px;letter-spacing:1px;
    padding:9px 20px;border:2px solid #44403c;color:#44403c;background:#d6d3d1;
    box-shadow:4px 4px 0 rgba(68,64,60,.3);transition:all .18s ease;font-weight:600;
  }
  .btn:hover{background:#991b1b;color:#f5f5f4;}
  .btn-red{background:#991b1b;color:#f5f5f4;}
  .btn-red:hover{background:#44403c;color:#f5f5f4;}

  .grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;}
  .grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;}
  .grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;}

  .stat{text-align:center;background:#e7e5e4;border:2px solid #44403c;padding:20px 12px;box-shadow:5px 5px 0 rgba(68,64,60,.16);}
  .stat .num{display:block;font-size:32px;font-weight:700;color:#991b1b;letter-spacing:1px;line-height:1.2;}
  .stat .lab{font-size:14px;color:#57534e;letter-spacing:1px;}

  .news-item{
    background:#e7e5e4;border:2px solid #44403c;border-left:8px solid #991b1b;
    padding:20px 22px;margin-bottom:20px;box-shadow:5px 5px 0 rgba(68,64,60,.15);
  }
  .news-item h3{margin-bottom:8px;}
  .news-date{
    display:inline-block;font-size:13px;letter-spacing:1px;color:#991b1b;
    border-bottom:1px dotted #991b1b;padding-bottom:2px;margin-bottom:10px;
  }
  .news-item p{font-size:15px;color:#57534e;margin-bottom:0;}

  .rank-row{display:flex;align-items:center;gap:12px;margin-bottom:13px;}
  .rank-row .idx{
    width:26px;height:26px;line-height:24px;text-align:center;border:1.5px solid #44403c;
    font-size:13px;font-weight:700;color:#44403c;background:#d6d3d1;flex:none;
  }
  .rank-row .nm{width:110px;font-size:14px;flex:none;color:#44403c;}
  .rank-bar{flex:1;height:14px;background:#c7c2be;border:1.5px solid #44403c;}
  .rank-bar i{display:block;height:100%;background:#991b1b;}
  .rank-row .vl{width:52px;text-align:right;font-size:13px;color:#991b1b;font-weight:700;flex:none;}

  details.faq-item{
    background:#e7e5e4;border:2px solid #44403c;margin-bottom:14px;
    box-shadow:5px 5px 0 rgba(68,64,60,.15);
  }
  details.faq-item summary{
    cursor:pointer;padding:15px 20px;font-weight:700;font-size:16px;color:#44403c;
    list-style:none;letter-spacing:.5px;
  }
  details.faq-item summary::-webkit-details-marker{display:none;}
  details.faq-item summary::before{content:"◆ ";color:#991b1b;font-size:12px;}
  details.faq-item[open] summary{border-bottom:2px dashed #a8a29e;color:#991b1b;}
  .faq-a{padding:16px 20px 18px;font-size:15px;color:#57534e;}

  .tagline{
    display:inline-block;font-size:13px;letter-spacing:2px;color:#f5f5f4;
    background:#991b1b;padding:3px 12px;margin-bottom:14px;border:1.5px solid #44403c;
  }

  .img-frame{border:2px solid #44403c;background:#e7e5e4;box-shadow:6px 6px 0 rgba(68,64,60,.2);}
  .img-frame img{width:100%;height:auto;filter:sepia(.15) contrast(1.05);}

  .list-plain{list-style:none;padding:0;margin:0;}
  .list-plain li{padding-left:22px;position:relative;margin-bottom:9px;font-size:15px;color:#57534e;}
  .list-plain li::before{content:"▸";position:absolute;left:0;color:#991b1b;}

  .site-footer{
    background:#44403c;color:#d6d3d1;border-top:6px double #991b1b;
    padding:34px 20px 26px;
  }
  .footer-inner{max-width:1180px;margin:0 auto;}
  .footer-inner p{margin:0 0 8px;font-size:14px;letter-spacing:.5px;}
  .site-footer a{color:#e7e5e4;text-decoration:none;border-bottom:1px dotted #a8a29e;}
  .site-footer a:hover{color:#fbbf24;}
  .footer-brand{font-size:18px;letter-spacing:3px;color:#e7e5e4;margin-bottom:14px;font-weight:700;}

  @media (max-width:860px){
    .hero{grid-template-columns:1fr;}
    h1{font-size:24px;}
    .rank-row .nm{width:84px;}
  }