/*
 * 阅启华章 · Atelier UI
 * 独立的顶部工作台布局：深靛导航、暖白内容区、珊瑚强调色。
 * 本文件只调整视觉和导航布局，不改变任何业务交互和路由。
 */
:root{
  --blue:#665cf6;
  --blue2:#4e46d8;
  --ink:#1c2437;
  --muted:#747b8d;
  --line:#e7e3dc;
  --bg:#f6f4ef;
  --card:#fffdfa;
  --green:#159b7d;
  --orange:#ed7b56;
  --violet:#7969d7;
  --red:#d84f61;
  --atelier-navy:#1d2543;
  --atelier-navy-soft:#2b3459;
  --atelier-coral:#ff7a59;
  --atelier-mint:#29b99b;
  --shadow:0 14px 38px rgba(41,45,65,.075);
}

body,
.director-ref-body{background:linear-gradient(135deg,#f8f6f1 0%,#f3f0ea 100%);color:var(--ink)}
.card,.metric-card,.class-card,.director-page,.director-panel,.director-home-top>article,.director-metrics{
  border-color:#e8e2d8!important;border-radius:18px!important;background:#fffdfa!important;
  box-shadow:var(--shadow)!important;
}
.btn{border-radius:11px}.btn.primary,
.director-query-buttons button,.director-create-button,.assignment-query button,.assignment-actions>button:first-child,
.teacher-page-head button.primary,.teacher-query button,.student-nav.next,.vacation-form footer button:not(:first-child),
.assignment-create-form footer button:last-child,.report-settings-form footer .primary,.teacher-form footer .primary,.teacher-import-form footer .primary{
  border-color:#5f55e7!important;background:linear-gradient(135deg,#766cf7,#5148d8)!important;
  box-shadow:0 8px 18px rgba(91,81,222,.2)!important;color:#fff!important;
}
input:focus,select:focus,textarea:focus{border-color:#8178f4!important;box-shadow:0 0 0 3px rgba(102,92,246,.12)!important}

/* 教师端：主模块全部进入顶部导航 */
.app-shell{display:block;min-height:100vh}
.sidebar{
  position:sticky;inset:0 0 auto;width:100%;height:76px;padding:0 28px;z-index:30;
  display:flex;flex-flow:row nowrap;align-items:center;gap:24px;overflow:visible;
  border:0;border-bottom:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 82% -80%,rgba(255,122,89,.32),transparent 36%),
    linear-gradient(110deg,#1b2340,#293257 72%,#252b4b);
  box-shadow:0 12px 30px rgba(25,30,53,.15);color:#fff;
}
.brand{flex:0 0 auto;height:76px;padding:0;gap:11px;color:#fff}
.brand-mark{
  width:42px;height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.28);
  background:linear-gradient(145deg,#ff967a,#ef6848);box-shadow:0 8px 20px rgba(246,111,78,.28);
}
.brand b{font-size:18px;letter-spacing:2px}.brand small{color:#bfc6db;font-size:10px}
.nav-list{display:flex;align-items:center;gap:5px;min-width:0;height:100%}
.nav-list a,.nav-list a.sub,.nav-group-title{
  height:42px;padding:0 14px;border-radius:12px;color:#d9ddef;white-space:nowrap;font-size:13px;
}
.nav-list a span{font-size:15px;width:17px}
.nav-list a:hover,.nav-list a.active,.nav-list a.sub.active{
  color:#fff;background:rgba(255,255,255,.11);box-shadow:none;
}
.nav-list a.active{box-shadow:inset 0 -2px var(--atelier-coral)}
.main-area{width:100%;margin:0;min-width:0}
.topbar{
  top:76px;height:62px;padding:0 32px;z-index:20;border-bottom:1px solid #ebe6de;
  background:rgba(255,253,250,.92);backdrop-filter:blur(18px);
}
.topbar-title{font-size:18px;letter-spacing:.2px;color:#262d44}
.avatar{background:linear-gradient(145deg,#ece9ff,#dedaff);color:#554bdd}
.export-log-button{border-radius:12px;background:#f0edff;color:#5f55e7}
.teacher-top-tabs{
  position:sticky;top:138px;z-index:19;justify-content:flex-start;min-height:48px;height:auto;padding:7px 32px;gap:8px;
  border-bottom:1px solid #e9e4dc;background:rgba(255,253,250,.94);box-shadow:0 8px 18px rgba(40,42,54,.035);
}
.teacher-top-tabs a{min-width:0;height:34px;padding:0 17px;border:0!important;border-radius:17px;line-height:34px;color:#6d7382}
.teacher-top-tabs a.active{background:#ece9ff;color:#5349d7;box-shadow:none}
.teacher-top-tabs a.active:after{display:none}
.content{max-width:1760px;padding:28px 32px 52px}
.customer-service-button{background:linear-gradient(180deg,#ff9275,#ef6849);box-shadow:0 8px 24px rgba(224,94,61,.25)}

/* 管理端：原侧边栏改为双层顶部工作台 */
.director-ref-shell{display:block!important;min-width:0}
.director-ref-shell>.director-ref-side{
  position:sticky!important;inset:0 0 auto!important;z-index:40;box-sizing:border-box;
  width:100%!important;height:78px!important;min-height:78px!important;max-height:78px;padding:9px 22px!important;
  display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:22px;overflow:visible!important;
  border:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;
  background:
    radial-gradient(circle at 86% -90%,rgba(255,122,89,.34),transparent 34%),
    linear-gradient(110deg,#1b2340,#2b345a 72%,#252b4b)!important;
  box-shadow:0 12px 30px rgba(25,30,53,.15)!important;color:#fff!important;
}
.director-ref-shell>.director-ref-side>.director-ref-logo{
  box-sizing:border-box;flex:0 0 180px;width:180px;height:58px!important;margin:0!important;padding:0!important;
  display:grid!important;grid-template-columns:44px 1fr!important;grid-template-rows:1fr 1fr!important;
  align-items:end!important;gap:0 11px!important;border:0!important;color:#fff!important;
}
.director-ref-logo>.director-brand-mark{
  grid-row:1/3;width:44px;height:44px;align-self:center;border-radius:13px;
  background:linear-gradient(145deg,#ff967a,#ef6848)!important;box-shadow:0 8px 20px rgba(246,111,78,.28)!important;
}
.director-ref-logo>div:nth-of-type(1){color:#fff!important;font-size:17px!important;letter-spacing:2px!important}
.director-ref-logo>div:nth-of-type(2){color:#bbc2d9!important;font-size:10px!important}
.director-ref-shell>.director-ref-side>nav{
  flex:1;display:flex!important;align-items:center!important;align-content:center;flex-wrap:nowrap!important;
  gap:5px!important;width:auto!important;min-width:0;overflow:visible!important;
}
.director-ref-side nav>a,.director-ref-side nav>details{position:relative;flex:0 0 auto;width:auto!important;margin:0!important}
.director-ref-side nav a,.director-ref-side summary{
  box-sizing:border-box!important;width:auto!important;min-height:36px!important;height:36px!important;padding:0 11px!important;
  display:flex!important;align-items:center;gap:6px;border:0!important;border-radius:10px!important;
  color:#d9ddef!important;background:transparent!important;font-size:12px!important;white-space:nowrap;
}
.director-ref-side nav a i,.director-ref-side summary i{font-style:normal;color:#ff9a80}
.director-ref-side nav>a.active,.director-ref-side nav a:hover,.director-ref-side details[open]>summary{
  color:#fff!important;background:rgba(255,255,255,.11)!important;box-shadow:inset 0 -2px var(--atelier-coral)!important;
}
.director-ref-side details summary{list-style:none;cursor:pointer}.director-ref-side details summary::-webkit-details-marker{display:none}
.director-ref-side details summary:after{content:"⌄";margin-left:2px;color:#aeb6cf;font-size:11px}
.director-ref-side details>a{
  position:absolute;left:0;top:41px;z-index:50;min-width:170px!important;height:40px!important;margin:0!important;padding:0 15px!important;
  border-radius:0!important;background:#fff!important;color:#454b61!important;box-shadow:0 10px 28px rgba(22,27,48,.16)!important;
}
.director-ref-side details>a:first-of-type{border-radius:12px 12px 0 0!important}
.director-ref-side details>a:last-of-type{border-radius:0 0 12px 12px!important}
.director-ref-side details>a:nth-of-type(2){top:81px}
.director-ref-side details>a:nth-of-type(3){top:121px}
.director-ref-side details>a:nth-of-type(4){top:161px}
.director-ref-side details>a.active,.director-ref-side details>a:hover{color:#574ddc!important;background:#f1efff!important;box-shadow:0 10px 28px rgba(22,27,48,.16)!important}
.director-ref-main{width:100%!important;margin:0!important;min-width:0}
.director-ref-head{
  position:relative;z-index:20;width:100%;height:72px!important;padding:0 26px!important;
  grid-template-columns:minmax(0,1fr) repeat(3,78px) minmax(190px,240px) 46px!important;
  border-bottom:1px solid #e9e4dc!important;background:rgba(255,253,250,.94)!important;color:#3e4559!important;
  box-shadow:0 8px 20px rgba(42,45,62,.035);backdrop-filter:blur(18px);
}
.director-ref-head>a,.director-ref-head>button{height:56px!important;color:#656b7d!important}
.director-ref-head>a:hover,.director-ref-head>button:hover{background:#f1efff!important;box-shadow:none!important}
.director-tool-icon{background:#eeebff!important;color:#5e54e6!important;box-shadow:none!important}
.director-school-switch select{border:1px solid #dfd9cf!important;background:#fffdfa!important;color:#444a5d!important}
.director-ref-head details summary{background:linear-gradient(145deg,#776df3,#5249d8)!important;box-shadow:0 6px 14px rgba(86,76,217,.2)!important}
.director-tabbar{display:none!important}
.director-ref-content{max-width:1760px;margin:0 auto;padding:24px 28px 42px!important}
.director-ref-body select,.director-ref-body input,.director-ref-body textarea{border-color:#ded8ce;border-radius:10px}
.director-table-page tbody tr:hover{background:#f4f1ff!important}
.director-inner-tabs a.active{background:#ece9ff!important;color:#574ddc!important}
.director-home-top a,.director-filters button,.director-filters>a,.export,
.director-inner-tabs a.active,.director-school-card .link,.org-school-card>header .link{
  border-color:#d9d3fa!important;background:#f7f5ff!important;color:#5a50dd!important;
}
.director-chart i,.growth-genre-bars em,.import-steps>b{background:#665cf6!important}
.director-metrics article i{background:#ece9ff!important;color:#584edb!important}
.director-top-list b,.analytics-metrics b,.director-table-page-scores td:last-child a,
.excellent-card-actions .link,.teacher-summary b,.teacher-table .link,.import-steps>a,.upload-box strong,
.excellent-page-title a.active,.excellent-grade-nav strong,.excellent-grade-nav a.active{color:#5a50dd!important}
.customer-service-copy h3{color:#5a50dd}

/* 校长端成绩明细：学生表现表进入独立只读详情。 */
.director-score-detail{display:grid;gap:18px}.director-score-detail-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:linear-gradient(135deg,#fff 0%,#f5f1ff 100%);border:1px solid #e7e1f7;border-radius:18px;box-shadow:0 12px 34px rgba(50,43,90,.08)}.director-score-detail-head h1{margin:12px 0 7px;font-size:25px;color:#202a47}.director-score-detail-head p{margin:0;color:#7d8497}.director-score-detail-head .link{color:#6557d9}.director-score-total{min-width:160px;text-align:center;padding:15px 20px;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(93,74,190,.1)}.director-score-total span{display:block;color:#8c91a1}.director-score-total b{font-size:42px;color:#6557d9;line-height:1.2}.director-score-total small{color:#9196a6}.director-score-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:18px;align-items:start}.director-score-detail-grid main,.director-score-detail-grid aside{display:grid;gap:18px}.director-score-card{overflow:hidden;background:#fff;border:1px solid #e8e9f0;border-radius:16px;box-shadow:0 8px 28px rgba(39,45,75,.06)}.director-score-card>header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #eef0f5}.director-score-card>header h2{margin:0;font-size:17px}.director-score-card>header span{color:#8c91a1}.director-score-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;padding:20px;background:#f5f6fa}.director-score-pages figure{margin:0;padding:10px;background:#fff;border-radius:12px;box-shadow:0 5px 18px rgba(29,36,64,.08)}.director-score-pages img{display:block;width:100%;max-height:680px;object-fit:contain;background:#f1f2f5}.director-score-pages figcaption{padding:10px 3px 2px;color:#7e8494;font-size:12px}.director-score-essay{padding:22px 26px;line-height:2;color:#343949}.director-score-essay p{margin:0 0 12px;text-indent:2em}.director-score-essay .essay-title{text-indent:0;text-align:center;font-weight:700}.director-score-dimensions{display:grid;gap:17px;padding:20px}.director-score-dimensions div{display:grid;grid-template-columns:1fr auto;gap:9px}.director-score-dimensions b{color:#6557d9}.director-score-dimensions i{grid-column:1/-1;height:7px;border-radius:9px;background:linear-gradient(90deg,#7165e8 var(--score-width),#ececf4 var(--score-width))}.director-score-comment{margin:0;padding:20px;line-height:1.85;color:#4b5060;white-space:pre-wrap}.director-score-meta dl{margin:0;padding:10px 20px 18px}.director-score-meta dl div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px dashed #ececf2}.director-score-meta dl div:last-child{border-bottom:0}.director-score-meta dt{color:#9297a6}.director-score-meta dd{margin:0;text-align:right;color:#3e4352}.director-score-empty{padding:40px;text-align:center!important;text-indent:0!important;color:#a1a5b2}

@media(max-width:1280px){
  .sidebar{padding:0 18px;gap:14px}.brand{margin-right:3px}.nav-list a{padding:0 10px}
  .director-ref-shell>.director-ref-side{padding:8px 14px!important;gap:12px}.director-ref-logo{flex-basis:168px;width:168px}
  .director-ref-side nav a,.director-ref-side summary{padding:0 8px!important;font-size:11px!important}
}
@media(max-width:900px){
  .sidebar{
    position:sticky!important;transform:none!important;height:auto;min-height:70px;padding:8px 14px;flex-flow:row nowrap;align-items:flex-start;gap:12px;
  }
  .brand{height:54px}.brand>span:last-child{display:none}.nav-list{height:54px;overflow-x:auto;justify-content:flex-start}
  .nav-list a{height:38px}.nav-list a span{display:none}.main-area{margin:0!important;width:100%!important}
  .topbar{top:70px;padding:0 16px}.mobile-menu{display:none}.content{padding:20px 14px 40px}
  .teacher-top-tabs{top:132px;padding-left:16px}
  .director-ref-shell>.director-ref-side{position:sticky!important;width:100%!important;height:70px!important;min-height:70px!important;max-height:70px!important;align-items:center!important;gap:10px!important}
  .director-ref-logo{flex:0 0 48px!important;width:48px!important}.director-ref-logo>div{display:none}
  .director-ref-side nav{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:3px}
  .director-ref-side details>a{position:fixed;top:auto;left:12px}
  .director-ref-head{padding:0 12px!important;grid-template-columns:1fr repeat(3,58px) minmax(130px,180px) 42px!important}
  .director-ref-head>a,.director-ref-head>button{width:58px!important}.director-ref-head small{font-size:10px!important}
  .director-ref-content{padding:16px 12px 30px!important}
  .director-score-detail-grid{grid-template-columns:1fr}.director-score-detail-head{align-items:flex-start}.director-score-total{min-width:120px}
}
@media(max-width:640px){
  .topbar-title{font-size:15px}.user-menu>span:not(.avatar){display:none}.topbar{height:58px}
  .teacher-top-tabs{top:128px}.content{padding-top:16px}
  .director-ref-head{display:flex!important;justify-content:flex-end!important;gap:4px}.director-ref-head>div:first-child{margin-right:auto}
  .director-ref-head>a,.director-ref-head>button{display:none!important}.director-product{margin-left:auto}.director-ref-head>details{display:flex}
  .director-score-detail-head{display:grid}.director-score-total{width:100%;box-sizing:border-box}.director-score-pages{grid-template-columns:1fr}
}

/* 2026-09-30 · 页面定位条：一级模块与二级页面始终可见 */
.teacher-page-locator{
  position:sticky;top:138px;z-index:19;min-height:58px;padding:8px 32px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  border-bottom:1px solid #e9e4dc;background:rgba(255,253,250,.96);box-shadow:0 8px 18px rgba(40,42,54,.035);backdrop-filter:blur(18px)
}
.page-locator-copy{display:flex;align-items:center;gap:15px;min-width:0}.page-locator-copy>small{padding:5px 9px;border-radius:7px;background:#f1efff;color:#665cf6;font-size:10px;letter-spacing:.08em;white-space:nowrap}.page-locator-copy>div{display:flex;align-items:center;gap:9px;min-width:0}.page-locator-copy span{color:#858a98}.page-locator-copy i{font-style:normal;color:#c2bdca}.page-locator-copy strong{color:#222a42}.page-locator-copy em{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:10px;border-left:1px solid #ddd7ce;color:#888d9a;font-size:12px;font-style:normal}
.teacher-context-tabs{display:flex;gap:5px;padding:4px;border-radius:13px;background:#f1eee8}.teacher-context-tabs a{height:32px;padding:0 14px;display:flex;align-items:center;border-radius:9px;color:#717787;font-size:12px}.teacher-context-tabs a.active{background:#fff;color:#594fda;box-shadow:0 4px 12px rgba(43,42,73,.09)}
.director-page-locator{height:52px;padding:0 max(28px,calc((100vw - 1704px)/2));display:flex;align-items:center;gap:9px;border-bottom:1px solid #ebe6de;background:#fffdfa;color:#858a98;font-size:13px}.director-page-locator:before{content:"";width:4px;height:18px;border-radius:4px;background:linear-gradient(#ff8e70,#655bf0)}.director-page-locator i{font-style:normal;color:#c4bec7}.director-page-locator strong{color:#252d46;font-size:15px}

/* 写作任务：从四等分宫格改为横向进度工作项 */
.composition-manager{display:grid!important;grid-template-rows:auto auto auto minmax(420px,1fr) auto!important;gap:16px!important;padding:0 0 14px!important;overflow:hidden;background:#fffdfa}
.composition-workspace-heading{padding:24px 26px 19px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid #ece7de;background:linear-gradient(115deg,#fffdfa 0%,#f4f0ff 72%,#fff3ec 100%)}
.section-eyebrow,.dashboard-eyebrow{display:block;margin-bottom:7px;color:#756be9;font-size:10px;font-weight:800;letter-spacing:.17em}.composition-workspace-heading h1{margin:0;font-size:25px;letter-spacing:.02em}.composition-workspace-heading p{margin:6px 0 0;color:#7c8291;font-size:13px}.workspace-overview{display:flex;align-items:center;gap:18px}.workspace-overview>span{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 8px;padding-right:18px;border-right:1px solid #ded8ce}.workspace-overview b{grid-row:1/3;font-size:29px;color:#594fda}.workspace-overview small{color:#878c98}.composition-filters{margin:0 24px;padding:17px 18px;border:1px solid #e9e4dc;border-radius:15px;background:#faf8f4}.composition-toolbar{padding:0 25px}.composition-toolbar>span{font-size:14px;font-weight:700;color:#343b51}.composition-task-stage{margin:0 24px;padding:0!important;border:1px solid #e5e0d7;border-radius:16px!important;background:#f4f2ee!important;overflow:hidden}.composition-task-stage .task-card-list{grid-template-columns:1fr!important;gap:0!important}.atelier-task-row{display:grid!important;grid-template-columns:minmax(260px,.9fr) minmax(420px,1.55fr) 145px;align-items:stretch;gap:0;padding:0!important;border:0!important;border-bottom:1px solid #e7e2da!important;border-radius:0!important;box-shadow:none!important;background:#fffdfa!important}.atelier-task-row:last-child{border-bottom:0!important}.atelier-task-row:hover{background:#fcfaff!important}.task-card-identity{padding:22px 24px;border-right:1px solid #eee8df}.task-card-identity .task-card-head{margin-bottom:14px}.task-card-identity .task-card-head>div{gap:7px}.task-type-label{color:#7f8492;font-size:11px}.task-card-identity h2{margin:0 0 9px;font-size:19px;line-height:1.4;color:#20283f}.task-card-identity .task-meta{margin:0 0 18px!important;gap:8px!important}.task-card-identity time{display:flex;align-items:center;gap:9px;color:#555d70;font-size:12px}.task-card-identity time span{color:#9a9eaa}.atelier-task-row .task-progress-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px 22px!important;align-content:center;margin:0!important;padding:22px 25px!important}.atelier-task-row .task-progress-grid>span{min-height:0!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;background:transparent!important}.atelier-task-row .task-progress-grid>span>span{display:flex!important;align-items:center;justify-content:space-between!important}.atelier-task-row .task-progress-grid small{font-size:11px}.atelier-task-row .task-progress-grid b{font-size:14px!important;color:#30374b!important}.atelier-task-row .task-progress-grid>span>i{display:block!important;width:100%!important;height:6px!important;border-radius:6px!important;background:linear-gradient(90deg,#6e64ed var(--progress),#e8e4ee var(--progress))!important}.atelier-task-row .task-progress-grid .ai-reviewed>i{background:linear-gradient(90deg,#2baeca var(--progress),#dfecef var(--progress))!important}.atelier-task-row .task-progress-grid .pending-review>i{background:linear-gradient(90deg,#f18a63 var(--progress),#f0e6e1 var(--progress))!important}.atelier-task-row .task-progress-grid .student-count{grid-column:1/-1;padding:11px 13px!important;border-radius:11px!important;background:#f4f1ff!important}.atelier-task-row .student-count em{color:#817d92;font-size:11px;font-style:normal}.atelier-task-row .task-card-actions{display:flex!important;flex-direction:column;justify-content:center!important;gap:8px;padding:20px;border:0!important;border-left:1px solid #eee8df}.atelier-task-row .task-card-actions>a,.atelier-task-row .task-card-actions>details>summary{box-sizing:border-box;width:100%;padding:10px 12px!important;border-radius:10px;background:#eeeaff;text-align:center!important;color:#574ddc!important;font-weight:700}.atelier-task-row .task-card-actions>details:before{display:none}.atelier-task-row .task-card-actions>details>summary{background:#f5f2ec;color:#666b78!important}.atelier-task-row .action-menu>div{right:0;top:43px}.composition-pagination{padding:0 25px}

/* 任务详情：左侧任务摘要 + 右侧稿件工作区 */
.assignment-workspace-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.assignment-workspace-summary{position:sticky;top:214px;display:grid;gap:14px}.assignment-workspace-main{display:grid;gap:14px;min-width:0}.assignment-workspace-summary .task-detail-hero{display:block!important;padding:0!important;overflow:hidden}.assignment-workspace-summary .task-detail-hero>div:first-child{padding:23px 22px}.assignment-workspace-summary .task-detail-hero .back{display:inline-flex;margin-bottom:20px}.assignment-workspace-summary .title-line{align-items:flex-start;flex-wrap:wrap}.assignment-workspace-summary .title-line h1{width:100%;margin:0 0 8px;font-size:23px;line-height:1.35}.assignment-workspace-summary .task-detail-hero p{display:flex;align-items:flex-start;flex-wrap:wrap;gap:5px 8px;margin:16px 0;line-height:1.55}.assignment-workspace-summary .task-detail-hero p i{color:#ccc5bb}.assignment-workspace-summary .heading-actions{display:grid;grid-template-columns:1fr;border-top:1px solid #ebe5dc}.assignment-workspace-summary .heading-actions a{border:0!important;border-radius:0!important;padding:13px 16px;background:#faf8f4!important;text-align:left}.assignment-workspace-summary .heading-actions a+a{border-top:1px solid #ebe5dc!important}.assignment-status-summary{padding:18px}.assignment-status-summary>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.assignment-status-summary>header span{font-weight:700}.assignment-status-summary>header small{color:#999da8}.assignment-status-summary>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.assignment-status-summary>div span{padding:12px;border-radius:11px;background:#f5f2ec;display:grid}.assignment-status-summary b{font-size:23px;color:#5c52de}.assignment-status-summary small{color:#898d98}.assignment-workspace-main .detail-control-card{padding:0;overflow:hidden}.assignment-workspace-main .target-status-tabs{padding:15px 17px 0;margin:0;border-bottom:1px solid #eee8df}.assignment-workspace-main .target-status-tabs a{border:0;border-bottom:2px solid transparent;border-radius:0!important;background:none;padding:10px 12px}.assignment-workspace-main .target-status-tabs a.active{border-bottom-color:#665cf6;background:none;color:#574ddc}.assignment-workspace-main .target-filter-row{padding:16px 20px;background:#faf8f4}.assignment-workspace-main .target-toolbar{border-left:4px solid #665cf6}.assignment-workspace-main .target-table-card{border-radius:16px!important}

/* 校长工作台：非对称 Bento 布局，避免等分信息牌 */
.atelier-dashboard-intro{height:auto!important;display:grid!important;grid-template-columns:minmax(300px,.72fr) minmax(620px,1.55fr)!important;gap:16px!important}.atelier-dashboard-intro>article{position:relative;height:auto!important;min-height:168px;padding:26px 29px!important;overflow:hidden;background:linear-gradient(135deg,#242d52 0%,#4d477e 70%,#754e67 100%)!important;color:#fff!important}.atelier-dashboard-intro>article:after{content:"";position:absolute;right:-32px;bottom:-60px;width:190px;height:190px;border:28px solid rgba(255,255,255,.07);border-radius:50%}.atelier-dashboard-intro h1{margin:0 0 9px!important;color:#fff;font-size:25px!important}.atelier-dashboard-intro p{position:relative;z-index:1;max-width:360px;margin:0;color:#d4d8e8;line-height:1.7;font-size:13px}.atelier-dashboard-intro>article>a{position:relative;z-index:1;margin-top:19px!important;padding:9px 15px!important;border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.12)!important;color:#fff!important}.atelier-dashboard-intro .dashboard-eyebrow{color:#ffad98}.atelier-dashboard-intro .director-metrics{height:auto!important;min-height:168px;padding:15px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.atelier-dashboard-intro .director-metrics article{padding:10px 12px;grid-template-columns:38px 1fr!important;border-radius:12px;background:#f7f4ef}.atelier-dashboard-intro .director-metrics i{width:34px;height:34px}.atelier-dashboard-intro .director-metrics b{font-size:20px}.atelier-dashboard-intro .director-metrics small{font-size:11px}.director-home-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important;margin-top:16px!important}.director-home-grid>.director-panel{height:auto!important;min-height:330px}.director-home-grid>.dashboard-trend-panel{grid-column:1/span 7!important;grid-row:1!important}.director-home-grid>.dashboard-top-panel{grid-column:8/span 5!important;grid-row:1!important}.director-home-grid>.dashboard-recent-panel{grid-column:1/span 7!important;grid-row:2!important}.director-home-grid>.dashboard-radar-panel{grid-column:8/span 5!important;grid-row:2!important}.director-home-grid .director-panel>header{height:auto;min-height:62px;padding:16px 20px}.dashboard-top-panel .director-top-list{height:350px;padding:0 16px 16px}.dashboard-top-panel .director-top-list p{grid-template-columns:1fr;gap:4px;padding:13px 4px;border-bottom:1px solid #eee8df}.dashboard-top-panel .director-top-list p b,.dashboard-top-panel .director-top-list p span{white-space:normal}.dashboard-top-panel .director-top-list p em,.dashboard-top-panel .director-top-list p small{color:#8a8e99}.dashboard-recent-panel .director-task-cards{max-height:350px}.dashboard-recent-panel .director-task-cards>article{border-left:3px solid #756be9;background:#f8f6f2}.dashboard-trend-panel .director-svg-chart{min-height:270px}

@media(max-width:1180px){
  .atelier-task-row{grid-template-columns:minmax(250px,.9fr) minmax(330px,1.25fr) 130px}.assignment-workspace-layout{grid-template-columns:240px minmax(0,1fr)}
  .atelier-dashboard-intro{grid-template-columns:1fr!important}.director-home-grid>.dashboard-trend-panel,.director-home-grid>.dashboard-top-panel,.director-home-grid>.dashboard-radar-panel,.director-home-grid>.dashboard-recent-panel{grid-column:span 6!important;grid-row:auto!important}.dashboard-top-panel .director-top-list{height:350px}
}
@media(max-width:900px){
  .teacher-page-locator{top:132px;padding:8px 16px}.page-locator-copy em{display:none}.teacher-context-tabs{overflow:auto}.composition-workspace-heading{align-items:flex-start}.atelier-task-row{grid-template-columns:1fr}.task-card-identity{border-right:0;border-bottom:1px solid #eee8df}.atelier-task-row .task-card-actions{flex-direction:row;border-left:0!important;border-top:1px solid #eee8df!important}.assignment-workspace-layout{grid-template-columns:1fr}.assignment-workspace-summary{position:static;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr)}.director-page-locator{padding:0 16px}
}
@media(max-width:680px){
  .teacher-page-locator{top:128px;align-items:flex-start;flex-direction:column;gap:8px}.teacher-context-tabs{width:100%;box-sizing:border-box}.composition-workspace-heading{display:grid}.workspace-overview{justify-content:space-between}.composition-filters{margin:0 12px}.composition-task-stage{margin:0 12px}.atelier-task-row .task-progress-grid{grid-template-columns:1fr!important}.atelier-task-row .task-progress-grid .student-count{grid-column:auto}.assignment-workspace-summary{grid-template-columns:1fr}.director-home-grid{grid-template-columns:1fr!important}.director-home-grid>.dashboard-trend-panel,.director-home-grid>.dashboard-top-panel,.director-home-grid>.dashboard-radar-panel,.director-home-grid>.dashboard-recent-panel{grid-column:auto!important;grid-row:auto!important}.atelier-dashboard-intro .director-metrics{grid-template-columns:1fr 1fr!important}
}

/* 详情筛选区保持单行秩序，窄屏时再回退为自然换行。 */
.assignment-workspace-main .target-filter-row{display:grid;grid-template-columns:minmax(210px,1.15fr) minmax(180px,.9fr) auto auto auto auto;gap:10px 12px;align-items:center}
.assignment-workspace-main .target-filter-row label{justify-content:flex-start}.assignment-workspace-main .target-filter-row .inline-check{white-space:nowrap}
@media(max-width:1180px){.assignment-workspace-main .target-filter-row{grid-template-columns:1fr 1fr auto auto}.assignment-workspace-main .target-filter-row>a,.assignment-workspace-main .target-filter-row>button{justify-self:start}}
@media(max-width:900px){.assignment-workspace-main .target-filter-row{display:flex}}