body { margin: 0; background: #f7f3ec; font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    color: #2a2a2a; font-size: 14px; font-weight: 300; letter-spacing: 1.5px; line-height: 1.9; }
  .wrap { max-width: 860px; margin: 0 auto; padding: 40px 22px 60px; }
  .hero { background: linear-gradient(135deg, #F08200 0%, #ff9a3d 100%); border-radius: 20px;
    padding: 36px 32px; color: #fff; text-align: center; }
  .hero .big { font-size: 40px; margin-bottom: 10px; }
  .hero h1 { margin: 0 0 8px; font-size: 26px; font-weight: 600; }
  .hero p { margin: 0; font-size: 14px; opacity: .95; }
  .intro { background: #fff; border-radius: 16px; padding: 22px 26px; margin: 22px 0;
    border-left: 4px solid #F08200; box-shadow: 0 2px 10px rgba(240,130,0,.06); }
  .sec-title { font-size: 18px; font-weight: 600; color: #2a2a2a; margin: 30px 0 14px;
    padding-left: 10px; border-left: 3px solid #F08200; }
  .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
  .card { background: #fff; border-radius: 14px; padding: 20px; text-decoration: none;
    color: #2a2a2a; display: flex; gap: 16px; align-items: flex-start; border: 1px solid #f0e8dc;
    transition: all .2s; box-shadow: 0 2px 8px rgba(0,0,0,.03); }
  .card:hover { border-color: #F08200; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(240,130,0,.12); }
  .card .ic { width: 56px; height: 56px; border-radius: 16px; display: flex; align-items: center;
    justify-content: center; font-size: 26px; color: #fff; flex-shrink: 0; }
  .c1 .ic { background: #F08200; } .c2 .ic { background: #e8653c; } .c3 .ic { background: #8a7a3c; }
  .c4 .ic { background: #1f7a8c; } .c5 .ic { background: #3a5a8c; } .c6 .ic { background: #c0392b; }
  .card h3 { margin: 0 0 4px; font-size: 16px; font-weight: 600; color: #2a2a2a; }
  .card p { margin: 0; font-size: 13px; color: #777; }
  .card .n { font-size: 12px; color: #b5651d; margin-top: 4px; }
  .note { background: #fff5e6; border: 1px dashed #e8c9a0; border-radius: 12px; padding: 16px 20px;
    margin-top: 22px; font-size: 13px; color: #666; }
  .note b { color: #b5651d; }
  .note i { color: #F08200; margin-right: 6px; }
  @media (max-width: 600px) { .grid { grid-template-columns: 1fr; } }