html, body { background: transparent; }
body { padding: 0; margin: 0 }
/* 移除容器背景色 #6e2fd6*/
#tuanjie-container {
  position: fixed;
  background: transparent;
}
#tuanjie-container.tuanjie-show-gradient {
  background: radial-gradient(circle closest-corner at 50% 42% ,#A36CFF,#6e2fd6 90%);
}
#tuanjie-container.tuanjie-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%)}
#tuanjie-container.tuanjie-mobile { width: 100%; height: 100% }
#tuanjie-canvas { background: transparent }
.tuanjie-mobile #tuanjie-canvas { width: 100%; height: 100%; }
#tuanjie-loading-bar {
  position: absolute;
  left: 50%;
  top: 75%;
  width: 100%;
  transform: translate(-50%, -50%);
  display: none;
}
#tuanjie-logo { width: 154px; height: 130px; background: url('tuanjie-logo-dark.png') no-repeat center }
#tuanjie-progress-bar-empty {
  position: relative;
  width: 80%;
  height: 32px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  border-width: 8px;
  border-style: solid;
  border-image: url('progress-bar-empty.png') 0 16 0 16 fill stretch;
  background: none;
}
#tuanjie-progress-bar-full {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-width: 8px;
  border-style: solid;
  border-image: url('progress-bar-full.png') 0 16 0 16 fill stretch;
  background: none;
  margin: -8px; /* 负的border-width，拉回父容器边界 */
  width: 0; /* JS里动态设置 */

}
#tuanjie-progress-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  font-family: Arial, sans-serif;
  text-align: center;
  margin: 0;
  pointer-events: none;
  text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
#tuanjie-webgl-logo {
  float: left;
  width: 300px;
  height: 38px;
  display: flex;
  align-items: center;
}
#tuanjie-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#tuanjie-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
/* Startup icon：统一 PC 与移动端定位，使用 clamp 规则（原 50% top 改为 clamp） */
#startup-icon {
  position: absolute;
  left: 50%;
  top: 42%; /* 统一定位 */
  transform: translate(-50%, -50%);
  width: 256px;
  height: 256px;
  background: url('logo-captainblast-japan.png') center / cover no-repeat;
  box-shadow: none;
  display: none;
}