/* 哇胖子 · 后台样式 */
*{box-sizing:border-box}
body{margin:0;background:#f4f6f9;color:#1f2d3d;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:14px;line-height:1.6}
a{color:#2b7de9;text-decoration:none}
a:hover{text-decoration:underline}

/* 顶栏 */
.adm-top{background:#f2703c;color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.adm-top-inner{max-width:1280px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.adm-brand{color:#fff;font-weight:800;font-size:17px;padding:14px 0}
.adm-brand:hover{text-decoration:none}
.adm-menu a{color:#e8fff6;padding:14px 12px;display:inline-block;font-size:14px}
.adm-menu a:hover{background:rgba(0,0,0,.12);text-decoration:none}
.adm-menu a.on{background:rgba(0,0,0,.2);font-weight:700;color:#fff}
.adm-menu a.adm-out{color:#ffe1e1}

/* 主区 */
.adm-main{max-width:1280px;margin:0 auto;padding:20px 16px 40px}
.adm-h1{font-size:20px;margin:0 0 16px}
.adm-h2{font-size:16px;margin:22px 0 12px;padding-left:10px;border-left:4px solid #f2703c}
.adm-sub{color:#8494a8;font-size:12px;font-weight:400}

/* 仪表盘 */
.adm-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin-bottom:20px}
.adm-stat{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px rgba(16,24,40,.06)}
.adm-stat span{display:block;color:#6b7c93;font-size:13px}
.adm-stat strong{font-size:26px;color:#f2703c}
.adm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.adm-card{background:#fff;border-radius:10px;padding:22px 16px;text-align:center;box-shadow:0 1px 3px rgba(16,24,40,.06);font-weight:600;color:#1f2d3d}
.adm-card:hover{box-shadow:0 6px 18px rgba(16,24,40,.12);text-decoration:none;transform:translateY(-1px)}
.adm-note{margin-top:22px;background:#fff;border-radius:10px;padding:16px;color:#43536b;box-shadow:0 1px 3px rgba(16,24,40,.06)}

/* 表单 */
.adm-form{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 3px rgba(16,24,40,.06)}
.adm-form label{display:block;margin-bottom:14px;font-size:13px;color:#43536b}
.adm-form input[type=text],.adm-form input[type=date],.adm-form input[type=time],.adm-form input[type=number],.adm-form input[type=password],.adm-form select,.adm-form textarea{
  display:block;width:100%;margin-top:5px;padding:8px 10px;border:1px solid #dbe3ec;border-radius:8px;font-size:14px;font-family:inherit;background:#fff}
.adm-form textarea{resize:vertical}
.adm-form input:focus,.adm-form select:focus,.adm-form textarea:focus{outline:none;border-color:#f2703c}
.adm-form-tight input,.adm-form-tight select,.adm-form-tight textarea{margin-top:3px}
.adm-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.adm-row-3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}
.adm-check{margin-top:6px}
.adm-check input{width:auto;display:inline-block}
.adm-actions{margin-top:16px;display:flex;gap:10px;align-items:center}
.adm-btn{display:inline-block;background:#f2703c;color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:14px;cursor:pointer}
.adm-btn:hover{background:#d95a28;text-decoration:none;color:#fff}
.adm-btn-ghost{background:#eef2f7;color:#33455c}
.adm-btn-ghost:hover{background:#e2e9f2;color:#33455c}
.adm-danger{background:none;border:none;color:#d9534f;cursor:pointer;padding:2px 6px;font-size:13px}
.adm-danger:hover{text-decoration:underline}

/* 分栏 */
.adm-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.adm-panel{background:#fff;border-radius:10px;padding:18px;box-shadow:0 1px 3px rgba(16,24,40,.06)}
.adm-panel h2{font-size:16px;margin:0 0 14px}

/* 表格 */
.adm-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;font-size:13px}
.adm-table th,.adm-table td{padding:10px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:middle}
.adm-table th{background:#f3f6f9;color:#33455c}
.adm-table input[type=text],.adm-table input[type=number]{width:100%;padding:6px 8px;border:1px solid #dbe3ec;border-radius:6px;font-size:13px}
.adm-ops a{margin-right:8px}
.adm-prev{max-width:160px;max-height:70px;margin-top:6px;border-radius:6px;display:block}

/* 编辑器 */
.adm-editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.adm-editor-toolbar button{background:#eef2f7;border:1px solid #dbe3ec;border-radius:6px;padding:5px 10px;cursor:pointer;font-size:13px}
.adm-editor-toolbar button:hover{background:#e2e9f2}
.adm-editor{min-height:360px;border:1px solid #dbe3ec;border-radius:8px;padding:14px;background:#fff;line-height:1.9;overflow:auto}
.adm-editor:focus{outline:none;border-color:#f2703c}
.adm-editor h2{font-size:19px;border-left:4px solid #f2703c;padding-left:8px}
.adm-editor img{max-width:100%;height:auto;border-radius:6px}

/* 提示 */
.flash{padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:14px}
.flash-ok{background:#e7f7f0;color:#d95a28;border:1px solid #b9e6d2}
.flash-err{background:#fdecec;color:#c0392b;border:1px solid #f5c6c6}
.adm-upload input[type=file]{margin:4px 0}

/* 登录页 */
.adm-login-body{display:flex;min-height:100vh;align-items:center;justify-content:center;background:linear-gradient(135deg,#f2703c,#2b7de9)}
.adm-login{background:#fff;padding:32px;border-radius:14px;width:340px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.adm-login h1{font-size:18px;margin:0 0 18px;text-align:center}
.adm-login label{display:block;margin-bottom:14px;font-size:13px;color:#43536b}
.adm-login input{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #dbe3ec;border-radius:8px;font-size:14px}
.adm-login button{width:100%;padding:11px;border:none;border-radius:8px;background:#f2703c;color:#fff;font-size:15px;cursor:pointer}
.adm-login button:hover{background:#d95a28}
.adm-hint{font-size:12px;color:#8494a8;margin-top:14px;text-align:center}
.adm-foot{text-align:center;color:#93a4b8;font-size:12px;padding:16px}

@media (max-width:820px){
  .adm-split,.adm-row-2,.adm-row-3{grid-template-columns:1fr}
  .adm-menu a{padding:12px 8px;font-size:13px}
}
