/* 首屏预加载层 — 太极CSS严格按用户原始版本，未做任何修改 */
.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;background:linear-gradient(90deg,rgb(255,165,150) 10%,rgb(0,228,255)) no-repeat;}
#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;-webkit-animation:spin 2s linear infinite;-ms-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;-o-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}
.loaded #loader{opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.loaded #loader-wrapper{visibility:hidden;}
.no-js #loader-wrapper{display:none}.no-js h1{color:#222}
#loader-wrapper #load_title{color:#000;font-size:19px;width:100%;text-align:center;z-index:9999999999999;opacity:1;line-height:30px}
#loader-wrapper #load_title span{font-weight:normal;font-style:italic;font-size:13px;color:#FFF;opacity:.5;}
#loader-wrapper #load_title p{text-align:center}
/* logo 是宽图（SVG viewBox 691×228 ≈ 3:1），必须保持原始比例、水平居中，不能压成方块 */
#loader-wrapper #load_title p img.loader-logo{display:block;margin:0 auto;width:240px;max-width:72vw;height:auto;}

/* flex 垂直居中容器：太极 / logo / 文字 三块永远顺序排，响应式不重叠 */
.loader-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:24px;}
.taiji-box{width:200px;height:200px;display:flex;align-items:center;justify-content:center;}
.loader-center .divClass{margin:0;}
.divClass{border:100px solid;border-color:white white black black;width:0;height:0;border-radius:100%;top:100px;margin:300px auto;transform-origin:50% 50%;animation:run 2.5s linear infinite;box-shadow:0 0 50px #707070;}
@keyframes run{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.divClass:before{content:"";position:absolute;top:-85px;left:-85px;width:100px;height:100px;background-color:black;border-radius:100%;}
.divClass:after{content:"";position:absolute;top:-15px;left:-14px;width:100px;height:100px;background-color:white;border-radius:100%;}
.taijileft{background-color:white;width:50px;height:50px;position:relative;border-radius:100%;top:-65px;left:-65px;}
.taijiright{background-color:black;width:50px;height:50px;position:relative;border-radius:100%;top:-40px;left:15px;z-index:1;}

/* 手机端：缩小间距与字号（太极/logo/文字 仍由 flex 顺序排，绝不重叠） */
@media (max-width: 768px), (max-height: 1024px) {
  .loader-center { gap: 16px; }
  #loader-wrapper #load_title { font-size: 16px; line-height: 24px; }
  #loader-wrapper #load_title p img.loader-logo { width: 200px; max-width: 64vw; }
}