/* =====================
   系统基础颜色
===================== */

:root{
    --color-bg:#f4f7f6;
    --color-card:#ffffff;
    --color-border:#e5e7eb;
    --color-text:#333;
    --color-muted:#777;

    --color-primary:#007bff;
    --color-success:#28a745;
    --color-danger:#dc3545;
    --color-warning:#ffc107;
}

/* =====================
   基础布局
===================== */

body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    margin:0;
    background:var(--color-bg);
    color:var(--color-text);
}

.container{
    max-width:96vw;
    margin:80px auto 30px;
    padding:0 20px;
}

/* =====================
   卡片系统
===================== */

.card{
    background:var(--color-card);
    padding:25px;
    border-radius:8px;
    border:1px solid var(--color-border);
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
    margin-bottom:25px;
}

/* =====================
   标题系统
===================== */

.page-title{
    margin:0 0 20px 0;
    color:var(--color-primary);
    border-left:4px solid var(--color-primary);
    padding-left:10px;
    font-size:20px;
}

/* =====================
   按钮系统
===================== */

.btn{
    padding:6px 10px;
    border-radius:6px;
    font-size:12px;
    border:none;
    cursor:pointer;
    color:white;
}

.btn-primary{background:var(--color-primary);}
.btn-success{background:var(--color-success);}
.btn-danger{background:var(--color-danger);}
.btn-warning{background:var(--color-warning);color:#333;}
.btn-gray{background:#6c757d;}

/* =====================
   Badge系统
===================== */

.badge{
    display:inline-block;
    padding:2px 8px;
    border-radius:999px;
    font-size:12px;
}

.badge-success{background:#28a745;color:white;}
.badge-danger{background:#dc3545;color:white;}
.badge-warning{background:#ffc107;color:#333;}
.badge-gray{background:#6c757d;color:white;}