wpicp/style.css

/**
 * WPICP - WordPress ICP备案插件样式
 */

/* 通用样式 */
.wpicp-footer,
.wpicp-widget,
.wpicp-shortcode {
    font-size: 12px;
    line-height: 1.5;
    margin: 10px 0;
    text-align: center;
    padding: 5px;
}

.wpicp-footer a,
.wpicp-widget a,
.wpicp-shortcode a {
    text-decoration: none;
    color: #666;
}

/* 默认样式 */
.wpicp-style-default {
    font-family: Arial, sans-serif;
}

.wpicp-style-default .wpicp-icp a {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

.wpicp-style-default .wpicp-icp a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23666"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1h-6v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.wpicp-style-default .wpicp-police a {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}

.wpicp-style-default .wpicp-police a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23666"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

/* 简洁样式 */
.wpicp-style-simple {
    border-top: 1px solid #eee;
    padding-top: 10px;
    color: #999;
}

.wpicp-style-simple a {
    color: #999;
}

/* 深色样式 */
.wpicp-style-dark {
    background-color: #333;
    color: #fff;
    padding: 10px;
}

.wpicp-style-dark a {
    color: #fff;
}

/* 管理页面样式 */
.wpicp-admin-info {
    background-color: #f9f9f9;
    border-left: 4px solid #0073aa;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    margin: 20px 0;
    padding: 15px;
}

.wpicp-admin-info h2 {
    margin-top: 0;
}

.wpicp-admin-form,
.wpicp-admin-records,
.wpicp-export-tools,
.wpicp-admin-tools,
.wpicp-check-results,
.wpicp-admin-history,
.wpicp-tool-box,
.wpicp-province-selection,
.wpicp-province-guide,
.wpicp-general-guide,
.wpicp-faq-list {
    margin: 20px 0;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ccd0d4;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.wpicp-tool-box {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    min-width: 250px;
}

.wpicp-export-tools {
    margin-top: 20px;
}

.wpicp-check-results {
    margin-top: 20px;
}

.wpicp-check-summary {
    background-color: #f9f9f9;
    padding: 15px;
    margin-top: 20px;
    border: 1px solid #ccd0d4;
}

/* 新增 - 状态摘要样式 */
.wpicp-status-summary {
    padding: 15px;
    border-radius: 3px;
    margin: 20px 0;
}

.wpicp-status-summary-success {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.wpicp-status-summary-warning {
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    color: #856404;
}

.wpicp-status-summary-error {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

.wpicp-status-message {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.wpicp-status-details {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.wpicp-status-details th,
.wpicp-status-details td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.wpicp-status-details th {
    width: 30%;
}

.wpicp-status-actions {
    margin-top: 15px;
}

/* 新增 - 状态指示器样式 */
.wpicp-status {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
}

.wpicp-status-success {
    background-color: #d4edda;
    color: #155724;
}

.wpicp-status-error {
    background-color: #f8d7da;
    color: #721c24;
}

.wpicp-status-warning {
    background-color: #fff3cd;
    color: #856404;
}

.wpicp-status-pending {
    background-color: #d1ecf1;
    color: #0c5460;
}

/* 新增 - 敏感词级别指示器 */
.wpicp-level {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
}

.wpicp-level-low {
    background-color: #d4edda;
    color: #155724;
}

.wpicp-level-medium {
    background-color: #fff3cd;
    color: #856404;
}

.wpicp-level-high {
    background-color: #f8d7da;
    color: #721c24;
}

/* 新增 - 省份列表 */
.wpicp-province-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.wpicp-province-list li {
    margin: 5px;
}

/* 新增 - 备案指南步骤 */
.wpicp-guide-step {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f9f9f9;
    border-left: 4px solid #0073aa;
}

.wpicp-guide-step h3 {
    margin-top: 0;
    color: #0073aa;
}

.wpicp-guide-notes {
    margin-top: 20px;
    padding: 15px;
    background-color: #fff3cd;
    border-left: 4px solid #ffeeba;
}

.wpicp-useful-links {
    margin-top: 20px;
}

/* 新增 - FAQ样式 */
.wpicp-faq-item {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.wpicp-faq-question {
    background-color: #f9f9f9;
    padding: 10px 15px;
    cursor: pointer;
    margin: 0;
}

.wpicp-faq-question:before {
    content: "Q: ";
    font-weight: bold;
    color: #0073aa;
}

.wpicp-faq-answer {
    padding: 15px;
    background-color: #fff;
}

.wpicp-faq-answer:before {
    content: "A: ";
    font-weight: bold;
    color: #28a745;
}

.wpicp-more-help {
    margin-top: 30px;
    padding: 15px;
    background-color: #f9f9f9;
}

/* 响应式样式 */
@media screen and (max-width: 782px) {
    .wpicp-admin-form,
    .wpicp-admin-records,
    .wpicp-export-tools,
    .wpicp-admin-tools,
    .wpicp-check-results,
    .wpicp-tool-box {
        padding: 10px;
    }

    .wpicp-tool-box {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .wpicp-status-details th {
        width: 40%;
    }
}