:root {
  --ink:#0a1423;
  --muted:#66748a;
  --line:#dfe6f0;
  --blue:#4d79f4;
  --paper:#f5f7fb;
  --white:#fff
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,"SF Pro Text","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased
}
a {
  color:inherit;
  text-decoration:none
}
.legal-shell {
  width:min(1120px,calc(100% - 40px));
  margin:auto
}
.legal-nav {
  height:72px;
  background:#07111f;
  border-bottom:1px solid rgba(255,255,255,.1);
  color:#fff
}
.legal-nav .legal-shell {
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.legal-brand img {
  display:block;
  width:auto;
  height:34px
}
.legal-nav nav {
  display:flex;
  align-items:center;
  gap:28px;
  font-size:13px;
  color:#aeb9ca
}
.legal-nav nav a:hover {
  color:#fff
}
.nav-button {
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:9px;
  color:#fff!important
}
.protocol-box,.company-page {
  width:min(900px,calc(100% - 40px));
  margin:56px auto 80px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:58px 68px;
  box-shadow:0 18px 60px rgba(20,38,68,.06)
}
.document-meta {
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid var(--line);
  padding-bottom:20px!important;
  margin-bottom:38px!important;
  font-size:10px!important;
  letter-spacing:1.3px!important;
  color:#7f8ca0!important
}
.document-meta b {
  font-weight:500;
  letter-spacing:0;
  color:#8995a6
}
.protocol-box>.title,.protocol-box>h2.title {
  font-size:42px!important;
  line-height:1.2!important;
  letter-spacing:-1.5px!important;
  margin:0 0 35px!important;
  color:var(--ink)!important;
  font-weight:760
}
.protocol-box>h2:not(.title),.protocol-box>.sec-title {
  font-size:23px!important;
  line-height:1.35!important;
  margin:52px 0 18px!important;
  color:var(--ink)!important;
  font-weight:750
}
.protocol-box>div:not(.title):not(.sec-title):not(.document-meta),.protocol-box>p {
  font-size:15px;
  line-height:2;
  color:#526075;
  margin:14px 0
}
.protocol-box>p a {
  color:var(--blue);
  font-weight:650
}
.protocol-box ul {
  padding-left:22px;
  margin:16px 0
}
.protocol-box li {
  font-size:15px;
  line-height:1.9;
  color:#526075;
  margin:7px 0
}
.protocol-box .text-indent1 {
  padding-left:18px;
  border-left:2px solid #dbe5fb
}
.legal-footer {
  background:#07111f;
  color:#75839a;
  padding:26px 0;
  font-size:11px
}
.legal-footer .legal-shell {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.legal-footer nav {
  display:flex;
  gap:24px
}
.legal-footer a:hover {
  color:#fff
}
.company-page {
  padding:0;
  overflow:hidden
}
.company-hero {
  padding:64px 68px;
  background:linear-gradient(135deg,#0b1b35,#102c59);
  color:#fff;
  position:relative;
  overflow:hidden
}
.company-hero:after {
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  border-radius:50%;
  right:-100px;
  top:-150px;
  background:radial-gradient(circle,rgba(89,199,255,.35),transparent 65%)
}
.company-hero .kicker {
  font-size:10px;
  letter-spacing:2px;
  color:#66d8ff
}
.company-hero h1 {
  font-size:44px;
  letter-spacing:-2px;
  margin:18px 0 16px
}
.company-hero p {
  max-width:580px;
  color:#aab9d0;
  line-height:1.8;
  margin:0
}
.company-content {
  padding:54px 68px
}
.company-content h2 {
  font-size:26px;
  margin:0 0 16px
}
.company-content>p {
  color:#5f6d82;
  line-height:1.9;
  font-size:15px
}
.value-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:38px
}
.value-grid article {
  border:1px solid var(--line);
  border-radius:14px;
  padding:22px
}
.value-grid span {
  font-size:10px;
  color:var(--blue);
  letter-spacing:1px
}
.value-grid h3 {
  font-size:16px;
  margin:22px 0 8px
}
.value-grid p {
  font-size:12px;
  line-height:1.7;
  color:#718095;
  margin:0
}
.contact-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:34px
}
.contact-card {
  border:1px solid var(--line);
  border-radius:16px;
  padding:26px
}
.contact-card span {
  display:block;
  font-size:10px;
  color:#7e8da2;
  letter-spacing:1.2px
}
.contact-card strong {
  display:block;
  font-size:18px;
  margin:17px 0 8px
}
.contact-card p {
  font-size:12px;
  line-height:1.7;
  color:#718095;
  margin:0
}
.contact-card a {
  color:var(--blue)
}
.notice {
  margin-top:28px;
  padding:20px 22px;
  background:#f2f6ff;
  border-radius:13px;
  color:#5b6980;
  font-size:13px;
  line-height:1.8
}
@media(max-width:700px) {
  .legal-nav nav>a:not(.nav-button) {
    display:none
  }
  .protocol-box,.company-page {
    width:calc(100% - 24px);
    margin:20px auto 45px;
    border-radius:16px
  }
  .protocol-box {
    padding:34px 24px
  }
  .protocol-box>.title,.protocol-box>h2.title {
    font-size:32px!important
  }
  .protocol-box>h2:not(.title),.protocol-box>.sec-title {
    font-size:21px!important
  }
  .document-meta {
    display:block!important
  }
  .document-meta b {
    display:block;
    margin-top:8px
  }
  .company-hero,.company-content {
    padding:42px 25px
  }
  .company-hero h1 {
    font-size:35px
  }
  .value-grid {
    grid-template-columns:1fr
  }
  .contact-grid {
    grid-template-columns:1fr
  }
  .legal-footer .legal-shell {
    display:block
  }
  .legal-footer nav {
    margin-top:14px;
    flex-wrap:wrap;
    gap:14px
  }
}