:root{
  --yaohai:#EEEFEA;
  --infosheet:#303C38;
  --yaohaitide:#1E768F;
  --zgdeep:#24282C;
  --storepanel:#DADEDC;
  --jintai:#C47088;
  --cartonstock:#A6B2AE;
  --paper:#F7F8F4;
  --rule:#B9BFBA;
  --tide-deep:#15607A;
}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  margin:0;
  font-size:16px;
  background-color:var(--yaohai);
  color:var(--infosheet);
  font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI",sans-serif;
  line-height:1.68;
  overflow-x:hidden;
}

a{color:var(--tide-deep);}

.legal-header{
  background-color:var(--zgdeep);
  color:var(--paper);
  padding:30px 24px;
  border-bottom:4px solid var(--yaohaitide);
}

.legal-header-inner{
  max-width:860px;
  margin:0 auto;
  padding:0 24px;
}

.legal-header .legal-brand{
  display:block;
  font-size:12px;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--cartonstock);
  margin-bottom:10px;
}

.legal-header h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:36px;
  line-height:1.15;
  margin:0 0 12px;
  color:var(--paper);
}

.legal-header p{
  margin:0;
  color:#D3D9D6;
  font-size:15px;
  max-width:700px;
}

.legal-meta{
  margin-top:14px;
  font-size:13px;
  color:#B7C0BC;
  letter-spacing:0.04em;
}

.legal-back{
  display:inline-block;
  margin-top:18px;
  color:var(--paper);
  text-decoration:none;
  border-bottom:2px solid var(--yaohaitide);
  font-size:14px;
  letter-spacing:0.04em;
}

.legal-back:hover{color:var(--cartonstock);}

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

.legal-toc{
  background-color:var(--paper);
  border:1px solid var(--rule);
  border-top:5px solid var(--yaohaitide);
  padding:26px 30px;
  margin:40px auto;
  max-width:860px;
  margin-left:auto;
  margin-right:auto;
}

.legal-toc h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  margin:0 0 16px;
  color:var(--infosheet);
}

.legal-toc ol{
  margin:0;
  padding-left:20px;
  columns:2;
  column-gap:32px;
}

.legal-toc li{
  margin-bottom:7px;
  break-inside:avoid;
  font-size:14.5px;
}

.legal-toc a{
  text-decoration:none;
  color:var(--tide-deep);
}

.legal-toc a:hover{text-decoration:underline;}

.legal-content{
  max-width:860px;
  margin:0 auto;
  padding:0 24px 70px;
}

.legal-content section{
  background-color:transparent !important;
  padding:0;
  margin:0 0 34px;
}

.legal-content h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  line-height:1.24;
  color:var(--infosheet);
  margin:0 0 14px;
  padding-bottom:10px;
  border-bottom:2px solid var(--rule);
}

.legal-content h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  color:var(--infosheet);
  margin:24px 0 10px;
}

.legal-content p{
  margin:0 0 15px;
  color:#2E3A36;
  font-size:15.5px;
}

.legal-content ul,
.legal-content ol{
  margin:0 0 16px;
  padding-left:24px;
}

.legal-content li{
  margin-bottom:8px;
  color:#2E3A36;
  font-size:15.5px;
}

.legal-content a{
  color:var(--tide-deep);
  word-break:break-word;
}

.legal-note{
  background-color:var(--storepanel);
  border-left:6px solid var(--yaohaitide);
  padding:18px 22px;
  margin:22px 0;
  font-size:15px;
  color:var(--infosheet);
}

.legal-address{
  background-color:var(--paper);
  border:1px solid var(--rule);
  padding:16px 20px;
  font-size:15px;
  color:var(--infosheet);
  margin:18px 0;
}

.legal-footer{
  background-color:var(--zgdeep);
  color:var(--paper);
  padding:34px 24px;
  border-top:4px solid var(--yaohaitide);
}

.legal-footer-inner{
  max-width:860px;
  margin:0 auto;
  padding:0 24px;
}

.legal-footer p{
  margin:0 0 10px;
  color:#C4CCC9;
  font-size:14px;
}

.legal-footer a{
  color:var(--paper);
  text-decoration:none;
  border-bottom:1px solid var(--yaohaitide);
}

.legal-footer a:hover{color:var(--cartonstock);}

@media (max-width:700px){
  .legal-header h1{font-size:28px;}
  .legal-toc ol{columns:1;}
  .legal-content h2{font-size:22px;}
}