/* ===== QEEL PLATFORM REAL SELECTOR FIX ===== */

/* 顶部介绍区域 */
main.shell > section.hero{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    box-sizing:border-box !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) 360px !important;
    align-items:start !important;
    gap:28px !important;

    padding:28px 30px !important;
    margin-bottom:18px !important;

    border-radius:24px !important;

    overflow:hidden !important;
    isolation:isolate !important;
    background-clip:padding-box !important;
}

/* 左侧标题区域 */
main.shell > section.hero > div:first-child{
    min-width:0 !important;
    align-self:start !important;
}

/* 主标题 */
html:not([data-theme="dark"]) main.shell .hero h1{
    color:#0f172a !important;
    opacity:1 !important;
}

/* QEEL PLATFORM */
html:not([data-theme="dark"]) main.shell .hero > div:first-child > div:first-child{
    color:#2563eb !important;
    opacity:1 !important;
    font-weight:800 !important;
}

/* 说明文字 */
html:not([data-theme="dark"]) main.shell .hero p{
    color:#64748b !important;
    opacity:1 !important;
}

/* 右侧 4 个统计框 */
main.shell .hero-stats{
    width:100% !important;

    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;

    align-self:start !important;
    margin:0 !important;
    padding:0 !important;
}

/* 单个统计框 */
main.shell .hero-stat{
    min-height:86px !important;
    height:auto !important;

    padding:15px 16px !important;

    box-sizing:border-box !important;
    border-radius:16px !important;
}

/* 浅色模式统计文字 */
html:not([data-theme="dark"]) main.shell .hero-stat,
html:not([data-theme="dark"]) main.shell .hero-stat small{
    color:#64748b !important;
    opacity:1 !important;
}

html:not([data-theme="dark"]) main.shell .hero-stat b{
    color:#0f172a !important;
    opacity:1 !important;
}

/* 防止装饰背景跑出卡片 */
main.shell > section.hero::before,
main.shell > section.hero::after{
    pointer-events:none !important;
}

/* 平板 */
@media (max-width:1100px){
    main.shell > section.hero{
        grid-template-columns:minmax(0,1fr) 320px !important;
        padding:24px !important;
        gap:22px !important;
    }
}

/* 手机 */
@media (max-width:700px){
    main.shell > section.hero{
        grid-template-columns:1fr !important;
        padding:20px 18px !important;
        gap:18px !important;
        border-radius:18px !important;
    }

    main.shell .hero-stats{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    main.shell .hero-stat{
        min-height:76px !important;
    }
}