/* 智算青禾 · 教学版「我的班级」模块样式（账户 / 班级 / 学情 / 作业） */

.edu-btn{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px 16px;font-size:13.5px;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.edu-btn:hover{border-color:var(--gold)}
.edu-btn-ghost{background:transparent}
.edu-btn-mini{padding:5px 12px;font-size:12.5px;border-radius:6px}

.edu-acct{display:flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:4px 10px 4px 4px}
.edu-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-soft));color:#241c07;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;flex:0 0 auto}
.edu-acct-txt{display:flex;flex-direction:column;line-height:1.25;max-width:170px}
.edu-acct-txt b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.edu-acct-txt i{font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.edu-modal{display:none;position:fixed;inset:0;background:rgba(6,10,16,.72);z-index:200;align-items:center;justify-content:center;padding:20px}
.edu-modal-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;width:100%;max-width:400px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.edu-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.edu-modal-head b{font-size:17px}
.edu-x{background:transparent;border:0;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;padding:0 4px}

.edu-form{display:flex;flex-direction:column;gap:6px}
.edu-form label{font-size:12.5px;color:var(--muted);margin-top:8px}
.edu-form input,.edu-form textarea{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:9px 11px;color:var(--text);font-size:13.5px;font-family:inherit}
.edu-form textarea{margin-top:6px;resize:vertical}
.edu-form-inline{margin-bottom:14px}
.edu-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}

.edu-hero{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;padding:22px}
.edu-hero-t{font-size:17px;font-weight:700;color:var(--gold-soft);margin-bottom:8px}
.edu-hero p{margin:0 0 4px;font-size:13.5px;line-height:1.9;color:var(--muted)}
.edu-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.edu-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}
.edu-card b{font-size:14px;color:var(--gold-soft)}
.edu-card p{margin:6px 0 0;font-size:12.5px;color:var(--muted);line-height:1.7}

.edu-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.edu-stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}
.edu-stat i{display:block;font-style:normal;font-size:12px;color:var(--muted);margin-bottom:6px}
.edu-stat b{font-size:24px;font-weight:700;color:var(--text)}
.edu-stat span{font-size:12px;color:var(--gold);margin-left:6px}

.edu-class-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-top:12px}
.edu-class-name{font-size:18px;font-weight:700;color:var(--gold-soft)}
.edu-class-meta{font-size:12.5px;color:var(--muted);margin-top:5px}
.edu-class-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.edu-code{font-size:12.5px;color:var(--muted)}
.edu-code b{color:var(--gold);font-size:15px;letter-spacing:1.5px;margin-left:4px}
.edu-code-inline{color:var(--gold);letter-spacing:1.5px;font-size:15px}

.edu-tabs{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.edu-tab{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:7px 16px;font-size:13px;cursor:pointer}
.edu-tab.active{border-color:var(--gold);color:var(--gold-soft);background:rgba(201,162,74,.1)}

.edu-sec-t{font-size:14px;font-weight:700;color:var(--text);margin:20px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.edu-link{font-size:12.5px;font-weight:400;color:var(--gold);text-decoration:none;border-bottom:1px dashed var(--gold);cursor:pointer}

.edu-bars{display:flex;flex-direction:column;gap:8px}
.edu-bar-row{display:grid;grid-template-columns:150px 1fr 110px;align-items:center;gap:10px;font-size:12.5px}
.edu-bar-row span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.edu-bar-row em{font-style:normal;color:var(--muted);text-align:right}
.edu-bar{height:8px;background:var(--panel2);border-radius:4px;overflow:hidden}
.edu-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-soft));border-radius:4px}

.edu-tag{display:inline-block;font-size:11.5px;padding:2px 8px;border-radius:4px;background:var(--panel2);color:var(--muted);border:1px solid var(--line);margin-right:6px}
.edu-tag-green{color:#1db479;border-color:rgba(29,180,121,.35);background:rgba(29,180,121,.1)}
.edu-tag-amber{color:#d5971a;border-color:rgba(213,151,26,.35);background:rgba(213,151,26,.1)}
.edu-tag-red{color:#e24b4a;border-color:rgba(226,75,74,.35);background:rgba(226,75,74,.1)}

.edu-hint{background:var(--panel);border:1px dashed var(--line);border-radius:10px;padding:14px 16px;font-size:13px;color:var(--muted);line-height:1.8;margin-top:12px}

.edu-hw-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.edu-hw{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.edu-hw-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.edu-hw-main b{font-size:14.5px}
.edu-hw-main span{font-size:12.5px;color:var(--muted)}
.edu-hw-main i{font-style:normal;font-size:11.5px;color:#7f8ea3}
.edu-hw-side{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.edu-sub{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:10px}
.edu-sub-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}
.edu-sub-head i{font-style:normal;font-size:11.5px;color:var(--muted)}
.edu-sub-body{font-size:12.5px;color:var(--text);line-height:1.8;margin:8px 0;white-space:pre-wrap;word-break:break-word}
.edu-sub-grade{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.edu-sub-grade input{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:5px 8px;color:var(--text);font-size:12.5px}

.edu-prog-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.edu-prog{display:grid;grid-template-columns:180px 1fr 130px;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:12.5px}
.edu-prog b{color:var(--text);font-weight:600}
.edu-prog span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.edu-prog i{font-style:normal;color:#7f8ea3;text-align:right;font-size:11.5px}

.edu-toast{display:none;position:fixed;left:50%;transform:translateX(-50%);bottom:32px;background:var(--panel);border:1px solid var(--gold);border-radius:8px;padding:10px 18px;font-size:13px;color:var(--text);z-index:300;box-shadow:0 12px 32px rgba(0,0,0,.4)}

@media(max-width:860px){
  .edu-grid3{grid-template-columns:1fr}
  .edu-stats{grid-template-columns:1fr 1fr}
  .edu-bar-row{grid-template-columns:100px 1fr 84px;font-size:12px}
  .edu-prog{grid-template-columns:1fr;gap:3px}
  .edu-prog i{text-align:left}
  .edu-acct-txt{max-width:110px}
}