/* ==========================================================================
   友链表单 —— 前台（壁纸 + 卡片）与后台共用的样式层
   历史：旧版前台是 mdui + 全屏壁纸；新版（另一个维护者重写的那份）是 Bootstrap
   卡片风。这里把两者合起来：沿用 Bootstrap 的信息层级，但保留壁纸与配色识别度。
   ========================================================================== */

:root {
    --fc-ink: #1f2733;
    --fc-muted: #6b7684;
    --fc-line: #e6e9ee;
    --fc-card-bg: rgba(255, 255, 255, 0.95);
    --fc-fallback: #2b3a4a;
}

/* --------------------------------------------------------------------------
   前台：独立访问
   background-color 是刻意留的兜底色：壁纸托管在 save.ba7jcm.live（另一台机器），
   一旦它不可用（例如证书过期），白字落在白底上会让整页变成一片空白——2026-09 就
   真的这么发生过。有个深色兜底至少能读。
   -------------------------------------------------------------------------- */
body.fc-guest {
    background-color: var(--fc-fallback);
    color: #fff;
}

.fc-page {
    max-width: 720px;
    margin: 0 auto;
    padding: 4vh 1rem 6vh;
}

/* 标题区落在壁纸或兜底色上，加投影保证可读 */
.fc-hero {
    color: #fff;
    text-align: center;
    margin-bottom: 1.5rem;
}

.fc-hero h1 {
    font-size: 1.9rem;
    font-weight: 600;
    margin-bottom: 0.6rem;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
}

.fc-hero p {
    margin-bottom: 0.35rem;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.55);
    opacity: 0.95;
}

.fc-credits {
    font-size: 0.86rem;
    opacity: 0.8;
}

/* 卡片：白底深字，与壁纸拉开对比 */
.fc-card {
    background: var(--fc-card-bg);
    color: var(--fc-ink);
    border: 0;
    border-radius: 16px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
    padding: 1.75rem;
    backdrop-filter: blur(6px);
    max-width: 680px;
}

.fc-card-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.fc-notice-text {
    color: var(--fc-muted);
    line-height: 1.75;
}

.fc-hint {
    color: var(--fc-muted);
    font-size: 0.85rem;
}

.fc-section-title {
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--fc-muted);
    margin: 1.25rem 0 0.5rem;
}

/* 提交后的处理进度 */
#fc-working .spinner-border {
    width: 2.25rem;
    height: 2.25rem;
}

/* --------------------------------------------------------------------------
   嵌入到博客页面时（iframe 嵌套深度 >= 2，include_check.js 会加上 fc-embedded）
   去掉壁纸与白字，让卡片贴合宿主页面的背景
   -------------------------------------------------------------------------- */
html.fc-embedded body.fc-guest {
    background: transparent;
}

html.fc-embedded .fc-page {
    padding: 1rem 0 1.5rem;
}

html.fc-embedded .fc-hero {
    color: var(--fc-ink);
}

html.fc-embedded .fc-hero h1,
html.fc-embedded .fc-hero p {
    text-shadow: none;
}

html.fc-embedded .fc-card {
    background: #fff;
    box-shadow: none;
    border: 1px solid var(--fc-line);
}

/* --------------------------------------------------------------------------
   后台
   -------------------------------------------------------------------------- */
body.fc-admin {
    background: #f5f6f8;
    color: var(--fc-ink);
}

.fc-navbar {
    background: #232a36;
}

.fc-navbar .navbar-brand,
.fc-navbar .navbar-text {
    color: #e8ecf1;
}

.fc-navbar .nav-link {
    color: #aeb8c4;
}

.fc-navbar .nav-link:hover {
    color: #fff;
}

.fc-navbar .nav-link.active {
    color: #fff;
    font-weight: 600;
}

.fc-panel {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    padding: 1.25rem 1.5rem;
}

.fc-stat {
    text-align: center;
    padding: 0.5rem 0;
}

.fc-stat-num {
    font-size: 1.9rem;
    font-weight: 600;
    line-height: 1.2;
}

.fc-stat-label {
    color: var(--fc-muted);
    font-size: 0.9rem;
}

.fc-thumb {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 8px;
    background: #eef0f3;
}

.fc-table td,
.fc-table th {
    vertical-align: middle;
}

.fc-name {
    font-weight: 600;
}

.fc-desc {
    color: var(--fc-muted);
    font-size: 0.9rem;
}

/* 处理过程日志（只在浏览器控制台里出现） */
.fc-log {
    background: #1b2029;
    color: #b9c4d0;
    font-size: 0.8rem;
    padding: 1rem;
    border-radius: 10px;
    white-space: pre-wrap;
}

@media (max-width: 576px) {
    .fc-card {
        padding: 1.25rem;
    }

    .fc-hero h1 {
        font-size: 1.5rem;
    }
}