/* www.b-raymedia.com 维护页样式 —— 外链方式可绕过 CSP 对内联 <style> 的拦截 */

:root{
  --ink:#111111;
  --ink-2:#444444;
  --ink-3:#8a8a8a;
  --line:#e8e8e8;
}
*{box-sizing:border-box;}
/* IE/旧内核无 main 元素的默认样式（非 block），会导致宽度与居中失效 */
main{display:block;}
html{height:100%;}
body{
  margin:0;
  /* 高度回退链：先 % 再 vh 再 dvh，避免部分浏览器 100%/vh 解析异常导致不居中 */
  min-height:100%;
  min-height:100vh;
  background:#ffffff;
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 24px;
}
/* 移动浏览器地址栏收起/展开时，dvh 更准确 */
@supports (min-height:100dvh){
  body{min-height:100dvh;}
}
/* 不支持 flex 的浏览器：退化为普通块级流，靠 margin auto 仍保持水平居中 */
@supports not (display:flex){
  body{text-align:center;}
}
.wrap{
  width:100%;
  max-width:680px;
  /* 用 auto 外边距居中：内容超高时不会像 align-items:center 那样溢出被裁切 */
  margin:auto;
  text-align:center;
}
.logo{
  display:block;
  width:260px;                    /* 不支持 clamp 的浏览器回退 */
  width:clamp(200px,44vw,320px);
  height:auto;
  margin:0 auto 40px;
}
.tag{
  display:inline-flex;
  align-items:center;
  padding:6px 14px;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:12px;
  letter-spacing:.08em;
  color:var(--ink-2);
  margin-bottom:22px;
}
.dot{
  display:inline-block;
  vertical-align:middle;
  width:6px;height:6px;border-radius:50%;
  background:var(--ink);
  margin-right:8px;               /* 不用 gap，兼容老浏览器 */
  animation:pulse 1.4s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.75)}}
h1{
  margin:0 0 14px;
  font-size:32px;                 /* 不支持 clamp 的浏览器回退 */
  font-size:clamp(26px,5.6vw,38px);
  font-weight:600;
  letter-spacing:.06em;
  line-height:1.3;
}
.en{
  margin:0 0 28px;
  font-size:11px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--ink-3);
}
.desc{
  margin:0 auto;
  max-width:520px;
  font-size:15px;
  line-height:2;
  color:var(--ink-2);
}
.rule{
  width:48px;height:1px;
  background:var(--ink);
  margin:32px auto;
}
.info{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.info-item{
  flex:1 1 200px;
  padding:18px 16px;
}
.info-item + .info-item{
  border-left:1px solid var(--line);
}
.info-item .k{
  display:block;
  font-size:12px;
  color:var(--ink-3);
  margin-bottom:6px;
  letter-spacing:.04em;
}
.info-item .v{
  display:block;
  font-size:15px;
  color:var(--ink);
  font-weight:500;
}
.info-item .v a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);}
footer{
  margin-top:36px;
  font-size:12px;
  line-height:1.9;
  color:var(--ink-3);
}
footer a{color:var(--ink-3);text-decoration:none;}

@media (max-width:600px){
  body{padding:32px 20px;}
  .logo{margin-bottom:28px;}
  .desc{font-size:14px;line-height:1.9;}
  .rule{margin:26px auto;}
  .info{flex-direction:column;}
  .info-item{padding:14px 0;}
  .info-item + .info-item{border-left:0;border-top:1px solid var(--line);}
}