#tool-body .layui-code-view {
  border-left-width: 1px;
}

#tool-body h4,
#tool-body h2,
#tool-body h3 {
  color: #2c3e50;
  margin-top: 1.5em;
  margin-bottom: 0.8em;
}

#tool-body p {
  margin: 10px 0;
  line-height: 1.8;
}

#tool-body li {
  list-style: inherit;
}

#tool-body a {
  color: #007bff;
  text-decoration: none;
  transition: color 0.3s;
  cursor: pointer;
}

#tool-body a:hover {
  color: #0056b3;
  text-decoration: underline;
}

#tool-body blockquote {
  background-color: #e9ecef;
  border-left: 5px solid #007bff;
  padding: 15px 20px;
  margin: 20px 0;
  border-radius: 4px;
}

#tool-body blockquote p {
  margin: 0;
}

#tool-body ul,
#tool-body ol {
  margin: 10px 0 10px 20px;
  padding: 0;
}

#tool-body li {
  margin-bottom: 8px;
}

#tool-body .layui-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

#tool-body .layui-table th,
#tool-body .layui-table td {
  padding: 12px 15px;
  border-bottom: 1px solid #dee2e6;
  text-align: left;
}

#tool-body .layui-table th {
  background-color: #007bff;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

#tool-body .layui-table tr:hover {
  background-color: #f1f1f1;
}

#tool-body pre.layui-code {
  background-color: #f4f4f4;
  color: #333;
  padding: 15px;
  border-radius: 4px;
  overflow-x: auto;
  font-family: 'Consolas', 'Monaco', 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 0.9em;
  margin: 20px 0;
}

#tool-body .layui-elem-quote.layui-quote-nm {
  background-color: #fff3cd;
  border-left: 5px solid #ffc107;
  padding: 15px 20px;
  margin: 20px 0;
  border-radius: 4px;
  color: #664d03;
}

#tool-body .layui-elem-quote.layui-quote-nm ul {
  margin: 0;
  padding-left: 20px;
  list-style-type: disc;
}

.theme-dark-mode #tool-body h4,
.theme-dark-mode #tool-body h2,
.theme-dark-mode #tool-body h3 {
  color: #f1c40f;
}

.theme-dark-mode #tool-body a {
  color: #84c8ff;
}

.theme-dark-mode #tool-body a:hover {
  color: #2980b9;
}

.theme-dark-mode #tool-body blockquote {
  background-color: #34495e;
  border-left: 5px solid #3498db;
  color: #ecf0f1;
}

.theme-dark-mode #tool-body .layui-table {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.theme-dark-mode #tool-body .layui-table th {
  background-color: #34495e;
  color: #ecf0f1;
}

.theme-dark-mode #tool-body .layui-table td {
  border-bottom: 1px solid #49637e;
}

.theme-dark-mode #tool-body .layui-table tr {
  background-color: #2c3e50;
}

.theme-dark-mode #tool-body .layui-table tr:hover {
  background-color: #3f556a;
}

.theme-dark-mode #tool-body pre.layui-code {
  background-color: #1e1e1e;
  color: #e0e0e0;
  border: 1px solid #444;
}

.theme-dark-mode #tool-body .layui-elem-quote.layui-quote-nm {
  background-color: #5a4b00;
  border-left: 5px solid #f39c12;
  color: #f1c40f;
}

.theme-dark-mode #tool-body .layui-table th,
.theme-dark-mode #tool-body .layui-table td {
  border-bottom: 0;
}

.theme-dark-mode .layui-code-ln-side {
  background-color: inherit;
}

code {
  font-family: 'Consolas', 'Monaco', 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 0.9em;
  padding: 2px 4px;
  margin: 0 2px;
  border-radius: 3px;
  background-color: rgba(27, 31, 35, 0.05);
  color: #333;
  white-space: nowrap;
}

.theme-dark-mode code {
  background-color: rgba(189, 147, 249, 0.1);
  color: #e0e0e0;
}