/* 老隆镇第二中心小学·智慧校园 v4.0 — CSS变量与基础布局 */
/* ============ CSS Reset & Variables ============ */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --primary:#1a73e8;--primary-dark:#1557b0;--success:#07c160;--warning:#f9ab00;
  --danger:#ea4335;--bg:#f5f5f5;--card:#fff;--text:#333;--text-hint:#999;
  --border:#e8e8e8;--shadow:0 1px 3px rgba(0,0,0,0.06);
  --radius:10px;--radius-sm:8px;
}
body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
  background:#1a1a2e;display:flex;justify-content:center;align-items:center;min-height:100vh;
}
/* PC 预览效果:模拟手机 */
.phone{width:414px;height:896px;background:var(--bg);border-radius:24px;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,0.6),0 0 0 2px #222;display:flex;flex-direction:column;position:relative;}
/* 手机端:满屏沉浸式 */
@media (max-width:768px){
  body{background:var(--bg);align-items:flex-start}
  .phone{width:100vw;height:100dvh;height:100vh;border-radius:0;box-shadow:none}
  .phone-body{padding-bottom:0}
}
.phone-header{background:var(--primary);color:#fff;padding:8px 14px;font-size:15px;font-weight:600;
  text-align:center;flex-shrink:0;position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:42px;}
.phone-header .role-badge{font-size:10px;background:rgba(255,255,255,0.2);padding:3px 8px;border-radius:10px;font-weight:400;}
.phone-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative;}
.phone-body::-webkit-scrollbar{width:0}
.phone-tabs{display:flex;background:#fff;border-top:1px solid var(--border);flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0)}
.phone-tabs.hidden{display:none}
.tab-item{flex:1;text-align:center;padding:6px 0 4px;font-size:10px;color:#999;cursor:pointer;transition:all .2s;user-select:none}
.tab-item.active{color:var(--primary)}
.tab-item .tab-icon{font-size:20px;display:block;margin-bottom:1px;line-height:1;position:relative}
/* 教师端顶栏 */
.teacher-topbar{background:#3B7EF2;color:#fff}
.teacher-class-tab{transition:all .2s}
/* 卡片 */
.card{padding:10px;background:#fff;border-radius:8px;margin-bottom:6px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.card-title{font-weight:600;font-size:14px;margin-bottom:6px;color:#333}
.msg-item{padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:13px}
.msg-item:last-child{border-bottom:none}
.msg-title{font-weight:500}
.msg-content{font-size:12px;color:#666}
.msg-time{font-size:10px;color:#ccc}
.menu-item{padding:8px 0;cursor:pointer;font-size:14px;border-bottom:1px solid #f5f5f5}
.menu-item:last-child{border-bottom:none}
.tab-item .tab-badge{position:absolute;top:-6px;right:calc(50% - 22px);background:var(--danger);color:#fff;
  font-size:9px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;padding:0 4px;}
/* ============ School Logo ============ */
.school-logo-inline{height:22px;width:22px;vertical-align:middle;margin-right:3px;border-radius:4px;object-fit:contain}
.school-logo-splash{width:80px;height:80px;border-radius:50%;object-fit:contain;background:rgba(255,255,255,0.15);padding:8px}
.school-logo-login{width:72px;height:72px;border-radius:50%;object-fit:contain;background:linear-gradient(135deg,#1a73e8,#0d47a1);padding:10px}
.school-logo-footer{height:14px;width:14px;vertical-align:middle;margin-right:2px;border-radius:2px;object-fit:contain}
.school-logo-admin-nav{height:24px;width:24px;vertical-align:middle;margin-right:4px;border-radius:4px;object-fit:contain}