*{box-sizing:border-box}body{margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif;background:#f5f7fa}#app{min-height:100vh}.page-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px}.layout-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#409eff,#337ecc);color:#fff;padding:20px;border-radius:8px}.stat-card.success{background:linear-gradient(135deg,#67c23a,#529b2e)}.stat-card.warning{background:linear-gradient(135deg,#e6a23c,#b88230)}.stat-card .label{font-size:14px;opacity:.9}.stat-card .value{font-size:28px;font-weight:700;margin-top:8px}