﻿:root{
  --teacher-primary: #ff7a59;
  --teacher-primary-2: #ffb085;
  --teacher-accent: #ffd46a;
  --teacher-bg: #fffaf0;
  --teacher-card: #ffffff;
  --teacher-text: #3b2f2a;
  --teacher-muted: #7a6b63;
  --teacher-success: #7be0a8;
  --teacher-danger: #ff9aa2;
  --radius: 12px;
  --shadow: 0 8px 18px rgba(43, 30, 18, 0.08);
  font-family: 'Baloo 2', 'Microsoft YaHei', Arial, sans-serif;
}

/* 全局容器与卡片 */
body{
  background: linear-gradient(180deg, #fff7ec, #fffaf0);
  color:var(--teacher-text);
  font-family: 'Baloo 2', 'Microsoft YaHei', Arial, sans-serif;
}
.container{max-width:1100px;margin:18px auto;padding:14px}
.card, .tool-card, .container-main, .container {
  background: var(--teacher-card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

/* 标题与 Logo */
header h1, .top h1, .logo{font-family: 'Baloo 2', 'Microsoft YaHei', Arial, sans-serif}
.logo{font-size:46px}
.subtitle{color:var(--teacher-muted);margin-top:4px}

/* 统一按钮样式（覆盖常见类名 .btn） */
.btn, button, a.button, a.btn {
  display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:0;cursor:pointer;font-weight:700;
  background: linear-gradient(90deg,var(--teacher-primary),var(--teacher-primary-2));color:white;text-decoration:none;box-shadow:0 6px 14px rgba(0,0,0,0.08);
}
.btn.secondary, .btn-outline-secondary{background:transparent;color:var(--teacher-text);border:2px solid rgba(0,0,0,0.06)}
.btn.success, .btn.btn-success{background:linear-gradient(90deg,#6dd39a,#3cc47d)}
.btn.danger, .btn.btn-danger{background:linear-gradient(90deg,#ff8080,#ff5d5d)}
.btn.export, .btn-export{background:linear-gradient(90deg,#9b59b6,#8e44ad)}
.btn:active{transform:translateY(1px)}
.btn:hover{filter:brightness(1.03);transform:translateY(-3px)}

/* 链接风格统一 */
a{color:var(--teacher-primary);}

/* 卡片内按钮小型样式 */
.tool-card a, .tool-card .btn{display:inline-block;padding:8px 12px;border-radius:8px}

/* 表单元素统一样式 */
input[type="text"], input[type="number"], select, textarea{
  padding:8px 10px;border-radius:8px;border:1px solid rgba(0,0,0,0.08);background:linear-gradient(180deg,#fff,#fffdf7);
}

/* 小提示气泡 */
.message, .notification{font-weight:700;color:var(--teacher-text)}

/* 轻量化响应式辅助 */
@media (max-width:720px){
  .container{padding:10px}
  .logo{font-size:36px}
}
