/* /common/css/home_entry_cards.css
 * 2026-11-04：从 common/inc/home_lang_page.php 抽出的入口卡片样式
 * 2026-11-06：入口「宽横条卡片」改「紧凑小卡片网格」（.fec-* = funny entry compact card），
 *   与首页 home_app_grid 小卡片风格统一：竖排、整卡可点、标签保留、描述 3 行截断。
 *   - 中文首页 index.php 用全部 7 个配色（fme/fle/fco/flw/fd3d/fkb/fdv）
 *   - 多语言首页（home_lang_page.php）只用 fme / fkb 两张
 * 卡片 id 不变（home_app_grid.js 的分类筛选 ENTRY_CARD_CATS 继续生效）。
 * 版本参数：?v=20261106-1
 */

/* ===== 公共骨架 ===== */
.fec-grid{
    max-width:1080px;
    margin:20px auto;
    padding:0 16px;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
    gap:12px;
    position:relative;
    z-index:1;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.fec-card{
    display:flex;
    flex-direction:column;
    gap:8px;
    min-height:180px;
    padding:14px 16px;
    border-radius:12px;
    text-decoration:none;
    transition:all .18s;
}
.fec-card:hover{ transform:translateY(-2px); }
.fec-head{ display:flex; align-items:center; gap:10px; }
.fec-icon{
    flex-shrink:0;
    width:38px;
    height:38px;
    border-radius:10px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:15px;
    letter-spacing:-.5px;
}
/* 复位全局遗留 h2,h3{position:absolute;left:50%;top:32%}，否则标题脱离文档流 */
.fec-name{
    font-size:14.5px;
    font-weight:700;
    margin:0;
    line-height:1.35;
    position:static;
    top:auto;
    left:auto;
    transform:none;
    font-variant:normal;
    letter-spacing:normal;
}
.fec-desc{
    font-size:12px;
    line-height:1.55;
    margin:0;
    opacity:.92;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.fec-tags{ display:flex; gap:5px; flex-wrap:wrap; margin:0; }
.fec-tag{ font-size:10.5px; padding:1.5px 8px; border-radius:999px; white-space:nowrap; }
.fec-go{ margin-top:auto; font-size:12px; font-weight:600; white-space:nowrap; }

/* ===== fme：MathFan 数学实验室（深蓝 + 青色） ===== */
.fec-card--fme{
    background:linear-gradient(135deg,#0f172a,#1e293b);
    border:1px solid #334155;
    color:#e2e8f0;
    box-shadow:0 6px 18px rgba(15,23,42,.25);
}
.fec-card--fme .fec-icon{
    background:linear-gradient(135deg,#06b6d4,#0891b2);
    font-family:"Georgia","Times New Roman",serif;
    font-size:16px;
    letter-spacing:-1px;
    box-shadow:0 3px 8px rgba(6,182,212,.35);
}
.fec-card--fme .fec-name{ color:#38bdf8; }
.fec-card--fme .fec-desc{ color:#94a3b8; }
.fec-card--fme .fec-tag{ background:rgba(56,189,248,.12); color:#7dd3fc; border:1px solid rgba(56,189,248,.3); }
.fec-card--fme .fec-go{ color:#38bdf8; }
.fec-card--fme:hover{ box-shadow:0 10px 26px rgba(15,23,42,.4); }

/* ===== fle：必要劳动时间数据库（深绿） ===== */
.fec-card--fle{
    background:linear-gradient(135deg,#052e16,#14532d);
    border:1px solid #166534;
    color:#dcfce7;
    box-shadow:0 6px 18px rgba(5,46,22,.25);
}
.fec-card--fle .fec-icon{ background:linear-gradient(135deg,#22c55e,#16a34a); box-shadow:0 3px 8px rgba(34,197,94,.35); }
.fec-card--fle .fec-name{ color:#4ade80; }
.fec-card--fle .fec-desc{ color:#86efac; }
.fec-card--fle .fec-tag{ background:rgba(74,222,128,.12); color:#86efac; border:1px solid rgba(74,222,128,.3); }
.fec-card--fle .fec-go{ color:#4ade80; }
.fec-card--fle:hover{ box-shadow:0 10px 26px rgba(5,46,22,.4); }

/* ===== fco：大公司资本与就业人数（深橙棕） ===== */
.fec-card--fco{
    background:linear-gradient(135deg,#431407,#7c2d12);
    border:1px solid #9a3412;
    color:#ffedd5;
    box-shadow:0 6px 18px rgba(67,20,7,.25);
}
.fec-card--fco .fec-icon{ background:linear-gradient(135deg,#f97316,#ea580c); box-shadow:0 3px 8px rgba(249,115,22,.35); }
.fec-card--fco .fec-name{ color:#fdba74; }
.fec-card--fco .fec-desc{ color:#fed7aa; }
.fec-card--fco .fec-tag{ background:rgba(253,186,116,.12); color:#fdba74; border:1px solid rgba(253,186,116,.3); }
.fec-card--fco .fec-go{ color:#fdba74; }
.fec-card--fco:hover{ box-shadow:0 10px 26px rgba(67,20,7,.4); }

/* ===== flw：劳动者维权平台大全（深紫） ===== */
.fec-card--flw{
    background:linear-gradient(135deg,#1e1b4b,#4c1d95);
    border:1px solid #6d28d9;
    color:#ede9fe;
    box-shadow:0 6px 18px rgba(76,29,149,.25);
}
.fec-card--flw .fec-icon{ background:linear-gradient(135deg,#8b5cf6,#6d28d9); box-shadow:0 3px 8px rgba(139,92,246,.35); }
.fec-card--flw .fec-name{ color:#c4b5fd; }
.fec-card--flw .fec-desc{ color:#c4b5fd; }
.fec-card--flw .fec-tag{ background:rgba(196,181,253,.12); color:#ddd6fe; border:1px solid rgba(196,181,253,.3); }
.fec-card--flw .fec-go{ color:#c4b5fd; }
.fec-card--flw:hover{ box-shadow:0 10px 26px rgba(76,29,149,.4); }

/* ===== fd3d：开源 3D 设计软件导航（玫红） ===== */
.fec-card--fd3d{
    background:linear-gradient(135deg,#500724,#9d174d);
    border:1px solid #be185d;
    color:#fce7f3;
    box-shadow:0 6px 18px rgba(80,7,36,.25);
}
.fec-card--fd3d .fec-icon{ background:linear-gradient(135deg,#f472b6,#db2777); font-size:13px; box-shadow:0 3px 8px rgba(236,72,153,.35); }
.fec-card--fd3d .fec-name{ color:#f9a8d4; }
.fec-card--fd3d .fec-desc{ color:#fbcfe8; }
.fec-card--fd3d .fec-tag{ background:rgba(249,168,212,.12); color:#fbcfe8; border:1px solid rgba(249,168,212,.3); }
.fec-card--fd3d .fec-go{ color:#f9a8d4; }
.fec-card--fd3d:hover{ box-shadow:0 10px 26px rgba(80,7,36,.4); }

/* ===== fkb：FunnyAI 知识库（琥珀棕） ===== */
.fec-card--fkb{
    background:linear-gradient(135deg,#422006,#78350f);
    border:1px solid #a16207;
    color:#fef3c7;
    box-shadow:0 6px 18px rgba(66,32,6,.25);
}
.fec-card--fkb .fec-icon{ background:linear-gradient(135deg,#fbbf24,#d97706); font-size:16px; box-shadow:0 3px 8px rgba(245,158,11,.35); }
.fec-card--fkb .fec-name{ color:#fcd34d; }
.fec-card--fkb .fec-desc{ color:#fde68a; }
.fec-card--fkb .fec-tag{ background:rgba(252,211,77,.12); color:#fde68a; border:1px solid rgba(252,211,77,.3); }
.fec-card--fkb .fec-go{ color:#fcd34d; }
.fec-card--fkb:hover{ box-shadow:0 10px 26px rgba(66,32,6,.4); }

/* ===== fdv：FunnyAI Dev（深青，仅管理员） ===== */
.fec-card--fdv{
    background:linear-gradient(135deg,#0c4a6e,#155e75);
    border:1px solid #0e7490;
    color:#cffafe;
    box-shadow:0 6px 18px rgba(12,74,110,.25);
}
.fec-card--fdv .fec-icon{ background:linear-gradient(135deg,#06b6d4,#0891b2); font-size:13px; box-shadow:0 3px 8px rgba(6,182,212,.35); }
.fec-card--fdv .fec-name{ color:#67e8f9; }
.fec-card--fdv .fec-desc{ color:#a5f3fc; }
.fec-card--fdv .fec-tag{ background:rgba(34,211,238,.12); color:#67e8f9; border:1px solid rgba(34,211,238,.3); }
.fec-card--fdv .fec-go{ color:#67e8f9; }
.fec-card--fdv:hover{ box-shadow:0 10px 26px rgba(12,74,110,.4); }

/* ===== 响应式 ===== */
@media (max-width:768px){
    .fec-grid{ padding:0; }
}
@media (max-width:640px){
    .fec-grid{ grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:10px; }
}