#tool-body { font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
#tool-body .icon{
  color: #FFEB3B;
  margin: 0px 0 20px;
  background: #27c566;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 5px;
}
#tool-body .icon span{   
  font-size: 25px;
  font-weight: bolder;
}
#tool-body .card { background: #fff; padding: 18px; border-radius: 10px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); }
#tool-body .result-card { margin-top: 18px; padding: 16px; border-radius: 8px; }
#tool-body .info-title { color:#666;margin-top:6px; }
#tool-body .info-desc { color:#444;margin-top:8px; }
#tool-body .history-info { color:#555;margin-top:6px; }
#tool-body .meta { margin-top: 8px; font-size: 14px; color: #666; }
#tool-body .history-item { padding: 8px 10px; border-bottom: 1px dashed #eee; }
#tool-body .flex { display:flex; gap:10px; align-items:center; }
#tool-body canvas { width: 100%; max-width: 500px; margin-top: 0px; }
#tool-body h2, #tool-body h3, #tool-body h4{margin-bottom: 5px;}

.theme-dark-mode #tool-body {background: inherit; }
.theme-dark-mode #tool-body .icon{ background: #16b777;}
.theme-dark-mode #tool-body .card { background: #333;box-shadow: 0 6px 18px rgba(0,0,0,.26);}
.theme-dark-mode #tool-body .history-item {border-bottom-color: #5f5f5f;}
.theme-dark-mode #tool-body .info-title { color:#999; }
.theme-dark-mode #tool-body .info-desc { color:#aaa; }
.theme-dark-mode #tool-body .history-info { color:#c2c2c2; }
.theme-dark-mode #tool-body a{color: #fff;}