/* ============================================================
   版权声明插件样式
   - 使用 Bootstrap 5.3 CSS 变量，自动跟随明暗模式和主题色
   - 三种样式：card / bordered / minimal
   - flex 布局：
     · 单行：图标+文本+按钮 同一行居中
     · 多行：第一行固定 图标+标签+按钮 同行，下方显示完整内容
   ============================================================ */

/* ---- 基础容器 ---- */
.xnx-copyright {
    margin-top: 16px;
    margin-bottom: 4px;
    font-size: 0.8125rem;
    line-height: 1.6;
}

.xnx-copyright .xnx-cr-inner {
    padding: 10px 14px;
    border-radius: var(--bs-border-radius, 0.375rem);
}

/* ---- 头部行（单行/多行共用）---- */
.xnx-copyright .xnx-cr-header {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ---- 图标 ---- */
.xnx-copyright .xnx-cr-icon {
    font-size: 18px;
    color: var(--bs-primary, #2563eb);
    line-height: 1;
    opacity: 0.85;
    flex-shrink: 0;
}

/* ---- 单行文本（flex:1 占据剩余空间）---- */
.xnx-copyright .xnx-cr-text {
    color: var(--bs-secondary-color, #6c757d);
    flex: 1;
    min-width: 0;
    word-break: break-word;
    line-height: 1.7;
}

/* ---- 多行时固定标签 ---- */
.xnx-copyright .xnx-cr-label {
    color: var(--bs-body-color, #212529);
    font-weight: 600;
    flex: 1;
    min-width: 0;
    line-height: 1.7;
}

/* ---- 多行内容区（从图标左边缘对齐）---- */
.xnx-copyright .xnx-cr-body {
    margin-top: 6px;
    padding-left: 0;
    color: var(--bs-secondary-color, #6c757d);
    line-height: 1.7;
    word-break: break-word;
}

.xnx-copyright .xnx-cr-body br {
    margin-bottom: 2px;
    display: block;
    content: "";
}

/* ---- 复制按钮 ---- */
.xnx-copyright .xnx-cr-copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: var(--bs-border-radius-sm, 0.25rem);
    background: transparent;
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.75rem;
    line-height: 1.4;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.xnx-copyright .xnx-cr-copy-btn:hover {
    background: var(--bs-tertiary-bg, #f8f9fa);
    border-color: var(--bs-primary, #2563eb);
    color: var(--bs-primary, #2563eb);
}

.xnx-copyright .xnx-cr-copy-btn:active {
    transform: scale(0.96);
}

.xnx-copyright .xnx-cr-copy-btn > i {
    font-size: 14px;
    line-height: 1;
}

/* ============================================================
   样式变体
   ============================================================ */

/* ---- card 样式：柔和背景 + 微弱阴影 ---- */
.xnx-copyright.xnx-cr-style-card .xnx-cr-inner {
    background: var(--bs-tertiary-bg, #f8f9fa);
    border: 1px solid var(--bs-border-color, #e9ecef);
}

/* ---- bordered 样式：左侧主题色强调边框 ---- */
.xnx-copyright.xnx-cr-style-bordered .xnx-cr-inner {
    background: transparent;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-left: 3px solid var(--bs-primary, #2563eb);
}

/* ---- minimal 样式：无边框无背景，仅文本+图标 ---- */
.xnx-copyright.xnx-cr-style-minimal .xnx-cr-inner {
    background: transparent;
    border: none;
    padding: 6px 0;
}

.xnx-copyright.xnx-cr-style-minimal .xnx-cr-icon {
    font-size: 16px;
}

/* ============================================================
   响应式：手机端缩小内边距
   ============================================================ */
@media (max-width: 575.98px) {
    .xnx-copyright .xnx-cr-inner {
        padding: 8px 10px;
    }

    .xnx-copyright .xnx-cr-copy-btn {
        padding: 3px 8px;
    }
}