/* 表格基础样式 */
 .tables-tables table {
     width: 100%;
     margin-bottom: 1rem;
     color: #212529;
 }


 
 .tables-tables th,
 .tables-tables td {
     padding: 0.5rem;
     vertical-align: top;
     border-top: 1px solid #dee2e6;
     text-align: left;
 }

 .tables-tables thead th {
     vertical-align: bottom;
     border-bottom: 2px solid #dee2e6;
 }

 .tables-tables tbody+tbody {
     border-top: 2px solid #dee2e6;
 }

 .main02c {
     color: #909399;
     opacity: 0.6;
     font-size: 14px;
     display: none;
     width: 1200px;
     margin: 10px auto;
 }

 /* 遮罩层 */
 .loading-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.6);
     /* 半透明白色 */
     z-index: 99;

     display: flex;
     align-items: center;
     justify-content: center;
 }

 /* 居中容器 */
 .loading-wrapper {
     text-align: center;
 }

 /* 旋转圈 */
 .loading-spinner {
     border: 4px solid #f3f3f3;
     border-top: 4px solid #3498db;
     border-radius: 50%;
     width: 40px;
     height: 40px;
     margin: 0 auto 8px auto;
     animation: spin 1s linear infinite;
 }

 /* 动画 */
 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 /* 文字 */
 .loading-text {
     font-size: 14px;
     color: #333;
 }

 .dns-container {
     display: flex;
     align-items: center;
     gap: 10px;
     margin: 15px 0;
     font-size: 14px;
 }

 .dns-container label {
     cursor: pointer;
 }

 #testResult {
     /* padding: 6px 10px; */
     width: 180px;
     border: 1px solid #ccc;
     border-radius: 5px;
     outline: none;
     transition: border-color 0.2s, box-shadow 0.2s;
 }

 #testResult:focus {
     border-color: #0078d7;
     box-shadow: 0 0 3px rgba(0, 120, 215, 0.4);
 }

 /* 下拉框样式 */
 .dns-dropdown {
     position: absolute;
     background: #fff;
     border: 1px solid #ccc;
     border-radius: 6px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
     margin-top: 2px;
     width: 180px;
     display: none;
     z-index: 100;
 }

 .dns-option {
     padding: 6px 10px;
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     cursor: pointer;
     color: #666;
 }

 .dns-option label {
     cursor: pointer;
 }

 .dns-option:hover {
     background: #f3f7ff;
     color: #0078d7;
 }
 a{
    text-decoration: none;
    outline: none;
    color: #acadb6;
    font-size: 14px;
}