.frc-option-add-edit table p {
    color: #838383;
    font-size: 12px;
}
.spider-tab-content table p {
    color: #838383;
    font-size: 12px;
}
.spider-tab-content p {
    color: #838383;
    font-size: 12px;
}
.todo-and-author-class li {
    color: #336600;
    font-size: 13px;
}
.frc-appreciate-class li {
    float: left; font-size: 12px; width: 150px;
    color: #0027ff;
}
.p-tips-style {
    color: #9e9d24;
    font-size: 12px;
    padding-top: 5px;
}
.p-tips-style-color1 {
    color: #3300aa;
    font-size: 12px;
    padding-top: 5px;
}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear};fa-spin{0%{-webkit-transform:rotate(0deg);
    transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);
    transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
ul {
    padding-left: 0;
}
.spider-layout {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
.spider-layout-left {
    flex: 1;
    min-width: 0;
}
.spider-layout-right {
    width: 380px;
    min-width: 300px;
    flex-shrink: 0;
    position: sticky;
    top: 32px;
}
.spider-result-panel {
    background: #fff;
    border: 1px solid #ccd0d4;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.spider-result-header {
    padding: 10px 14px;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    font-size: 14px;
    color: #1d2327;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.spider-result-header .spider-result-clear {
    cursor: pointer;
    font-size: 12px;
    color: #b32d2e;
    font-weight: normal;
}
.spider-result-header .spider-result-clear:hover {
    text-decoration: underline;
}
.spider-result-body {
    max-height: 500px;
    overflow-y: auto;
    padding: 10px 14px;
}
.spider-result-item {
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f1;
    font-size: 13px;
    line-height: 1.5;
    word-break: break-all;
}
.spider-result-item:last-child {
    border-bottom: none;
}
.spider-result-item.success {
    color: #007017;
}
.spider-result-item.error {
    color: #b32d2e;
}
.spider-result-item.info {
    color: #646970;
}
.spider-result-time {
    font-size: 11px;
    color: #8c8f94;
    margin-right: 6px;
    white-space: nowrap;
}
.spider-result-empty {
    text-align: center;
    color: #8c8f94;
    padding: 40px 0;
    font-size: 13px;
}
.spider-result-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.spider-result-badge {
    flex-shrink: 0;
    min-width: 32px;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
}
.spider-result-badge.success {
    background: #edfaef;
    color: #007017;
}
.spider-result-badge.error {
    background: #fce4e4;
    color: #b32d2e;
}
.spider-result-badge.info {
    background: #f0f0f1;
    color: #646970;
}
.spider-result-detail {
    flex: 1;
    min-width: 0;
}
.spider-result-title {
    font-size: 13px;
    font-weight: 600;
    color: #1d2327;
    margin-bottom: 2px;
    word-break: break-all;
}
.spider-result-content {
    font-size: 11px;
    color: #8c8f94;
    margin-bottom: 4px;
    word-break: break-all;
}
.spider-result-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.spider-result-msg {
    font-size: 11px;
}
.spider-result-msg.success {
    color: #007017;
}
.spider-result-msg.error {
    color: #b32d2e;
}
.spider-result-msg.info {
    color: #646970;
}
.spider-result-link {
    font-size: 11px;
    color: #2271b1;
    text-decoration: none;
    white-space: nowrap;
}
.spider-result-link:hover {
    text-decoration: underline;
}