/* WXSSC V68.6-H static legal/content pages */

:root{
  --wx-blue:#2563eb;
  --wx-dark:#07111f;
  --wx-text:#0f172a;
  --wx-muted:#64748b;
  --wx-line:#dbeafe;
  --wx-bg:#eef6ff;
  --wx-card:#ffffff;
}

*{box-sizing:border-box}

body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 20% 0%, rgba(37,99,235,.10), transparent 34%),
    linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);
  color:var(--wx-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}

.wx-static-page{
  width:1300px;
  max-width:calc(100vw - 28px);
  margin:118px auto 38px;
}

.wx-static-hero{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.20);
  border-radius:28px;
  padding:34px 38px;
  background:
    radial-gradient(circle at 8% 0%, rgba(37,99,235,.16), transparent 38%),
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.90));
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}

.wx-static-badge{
  display:inline-flex;
  align-items:center;
  height:30px;
  padding:0 12px;
  border-radius:999px;
  color:var(--wx-blue);
  background:rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.14);
  font-size:13px;
  font-weight:950;
}

.wx-static-hero h1{
  margin:14px 0 0;
  font-size:42px;
  line-height:1.08;
  font-weight:1000;
  letter-spacing:-.055em;
}

.wx-static-hero p{
  margin:12px 0 0;
  max-width:820px;
  color:var(--wx-muted);
  font-size:16px;
  line-height:1.78;
  font-weight:760;
}

.wx-static-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:18px;
  margin-top:18px;
}

.wx-static-card{
  border:1px solid rgba(148,163,184,.20);
  border-radius:24px;
  background:rgba(255,255,255,.92);
  box-shadow:0 14px 34px rgba(15,23,42,.055);
  padding:26px 28px;
}

.wx-static-card h2{
  margin:0 0 12px;
  font-size:24px;
  line-height:1.25;
  letter-spacing:-.035em;
}

.wx-static-card h3{
  margin:24px 0 9px;
  font-size:18px;
  line-height:1.35;
}

.wx-static-card p,
.wx-static-card li{
  color:#475569;
  font-size:15px;
  line-height:1.88;
  font-weight:720;
}

.wx-static-card p{
  margin:0 0 12px;
}

.wx-static-card ul{
  margin:0;
  padding-left:20px;
}

.wx-static-side{
  display:grid;
  gap:14px;
  align-content:start;
}

.wx-static-side-card{
  border:1px solid rgba(148,163,184,.20);
  border-radius:22px;
  background:rgba(255,255,255,.92);
  padding:20px;
  box-shadow:0 14px 34px rgba(15,23,42,.05);
}

.wx-static-side-card b{
  display:block;
  font-size:16px;
  margin-bottom:8px;
}

.wx-static-side-card a{
  display:inline-flex;
  align-items:center;
  height:32px;
  margin:5px 6px 0 0;
  padding:0 12px;
  border-radius:999px;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
  color:var(--wx-blue);
  background:rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.14);
}

.wx-static-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.wx-static-meta span{
  height:28px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.20);
  color:#64748b;
  font-size:12px;
  font-weight:850;
}

.wx-static-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin-top:12px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.18);
  border-radius:16px;
}

.wx-static-table th,
.wx-static-table td{
  padding:13px 14px;
  border-bottom:1px solid rgba(148,163,184,.14);
  font-size:14px;
  line-height:1.55;
  text-align:left;
}

.wx-static-table th{
  background:#f8fbff;
  color:#334155;
  font-weight:950;
}

.wx-static-table td{
  color:#475569;
  font-weight:720;
}

.wx-static-table tr:last-child td{
  border-bottom:0;
}

.wx-static-form{
  display:grid;
  gap:12px;
  margin-top:12px;
}

.wx-static-form input,
.wx-static-form textarea,
.wx-static-form select{
  width:100%;
  border:1px solid rgba(148,163,184,.24);
  border-radius:14px;
  padding:0 14px;
  min-height:42px;
  background:#fff;
  color:#0f172a;
  outline:none;
  font-weight:720;
}

.wx-static-form textarea{
  min-height:130px;
  padding-top:12px;
  resize:vertical;
}

.wx-static-form button{
  height:42px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#fff;
  font-weight:950;
  cursor:pointer;
}

.wx-static-note{
  color:#94a3b8 !important;
  font-size:13px !important;
}

@media(max-width:900px){
  .wx-static-page{
    margin-top:96px;
  }

  .wx-static-grid{
    grid-template-columns:1fr;
  }

  .wx-static-hero{
    padding:28px 24px;
    border-radius:24px;
  }

  .wx-static-hero h1{
    font-size:32px;
  }
}