/* 私人空间统一设计令牌 —— 与课程卡片同一产品世界
   课程卡 = 学习资料卡（暖纸张）
   私人文件卡 = 个人资料卡（浅纸色）
   日记卡 = 手记卡（纸面白）
*/
:root {
    /* 纸张与背景 */
    --fc-paper-bg: #f6f3ec;        /* 页面背景：暖纸灰 */
    --fc-paper-course: #fbf1d4;    /* 课程资料纸 */
    --fc-paper-private: #f8f1df;   /* 私人资料纸 */
    --fc-paper-diary: #fffdf8;     /* 手记纸面 */

    /* 棕色文字体系（与课程卡片一致） */
    --fc-ink: #332719;             /* 标题棕 */
    --fc-ink-sub: #806c51;         /* 辅助棕 */
    --fc-ink-faint: #a89578;       /* 弱化棕 */

    /* 行动色 */
    --fc-primary: #2563eb;
    --fc-primary-hover: #1d4ed8;
    --fc-primary-soft: #eff6ff;

    /* 中性 */
    --fc-surface: #ffffff;
    --fc-border: #e7ddc8;          /* 暖灰边框 */
    --fc-border-cool: #e2e8f0;
    --fc-danger: #ef4444;
    --fc-success: #22c55e;

    /* 棕色边框（课程卡片同款） */
    --fc-paper-border: rgba(146, 94, 32, .32);

    /* 圆角与阴影 */
    --fc-radius-sm: 8px;
    --fc-radius: 12px;
    --fc-radius-lg: 16px;
    --fc-shadow-card: 0 1px 2px rgba(51, 39, 25, .06), 0 4px 12px rgba(51, 39, 25, .08);
    --fc-shadow-hover: 0 4px 8px rgba(51, 39, 25, .10), 0 10px 24px rgba(51, 39, 25, .12);

    /* 字体 */
    --fc-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

    /* 触控 */
    --fc-touch: 44px;
}

/* 纸张质感（与课程卡片同源的细腻纹理，供私人空间各页复用） */
.fc-paper-texture {
    position: relative;
    background-color: var(--fc-paper-private);
    background-image:
        radial-gradient(ellipse at 20% 0%, rgba(255, 255, 255, .55), transparent 55%),
        radial-gradient(ellipse at 100% 100%, rgba(146, 94, 32, .07), transparent 60%),
        repeating-linear-gradient(45deg, rgba(146, 94, 32, .022) 0 2px, transparent 2px 7px);
    border: 1px solid var(--fc-paper-border);
}

/* 资料卡公共骨架 */
.fc-space-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    min-height: 76px;
    border-radius: var(--fc-radius-lg);
    text-decoration: none;
    box-shadow: var(--fc-shadow-card);
    transition: box-shadow .15s ease, transform .1s ease;
}
.fc-space-card:hover { box-shadow: var(--fc-shadow-hover); transform: translateY(-1px); }

.fc-space-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 12px;
    color: #fff;
}
.fc-space-card-icon svg { width: 24px; height: 24px; }

.fc-space-card-copy { flex: 1; min-width: 0; }
.fc-space-card-title {
    display: block;
    font-size: 15px;
    font-weight: 900;
    color: var(--fc-ink);
}
.fc-space-card-desc {
    display: block;
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--fc-ink-sub);
}
.fc-space-card-arrow {
    flex-shrink: 0;
    color: var(--fc-ink-faint);
    font-size: 20px;
    line-height: 1;
}

/* 数量徽章（沿用课程卡片胶囊语言） */
.fc-doc-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(146, 94, 32, .10);
    border: 1px solid rgba(146, 94, 32, .22);
    color: var(--fc-ink-sub);
    font-size: 11px;
    font-weight: 700;
}