/* 阅启华章：独立浅蓝品牌主题（最后加载，用于统一教师端与管理端） */
:root{
  --blue:#4f8fe8;
  --blue2:#3678d5;
  --ink:#20324a;
  --muted:#75869d;
  --line:#dce8f6;
  --bg:#f3f7fc;
  --card:#fff;
  --brand-soft:#eaf3ff;
  --brand-pale:#f5f9ff;
  --brand-border:#cfe1f7;
  --shadow:0 10px 28px rgba(67,111,166,.08);
}

body{background:var(--bg);color:var(--ink)}
a,.link,.text-link{color:var(--blue2)}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--blue)}
input:focus,select:focus,textarea:focus{border-color:#82afea!important;outline:0;box-shadow:0 0 0 3px rgba(79,143,232,.12)!important}
.btn.primary{border-color:var(--blue);background:linear-gradient(135deg,#68a6f3,#4b88df);box-shadow:0 6px 16px rgba(79,143,232,.2)}
.btn.primary:hover{border-color:var(--blue2);background:linear-gradient(135deg,#5798eb,#3678d5)}
.card,.metric-card,.class-card{border-color:var(--line);box-shadow:var(--shadow)}
tbody tr:hover{background:#f4f8fe}

/* 教师端：浅蓝侧栏、胶囊导航和宽松内容区 */
.sidebar{
  width:224px;
  padding:20px 16px;
  border-right:1px solid #d4e4f6;
  background:linear-gradient(180deg,#eef6ff 0%,#e5f0fd 100%);
  color:var(--ink);
  box-shadow:8px 0 28px rgba(70,112,165,.06);
}
.main-area{width:calc(100% - 224px);margin-left:224px}
.brand{gap:12px;padding:2px 8px 22px;color:#26446a}
.brand-mark{
  width:42px;height:42px;border:0;border-radius:14px;
  background:linear-gradient(145deg,#7db8ff,#4d8be2);color:#fff;
  box-shadow:0 8px 18px rgba(79,143,232,.24);font-family:"STKaiti","KaiTi",serif;
}
.brand b{font-size:18px;letter-spacing:2px}.brand small{color:#7990ac}
.nav-list{gap:8px}
.nav-list a,.nav-list a.sub,.nav-group-title{height:45px;border-radius:12px;color:#526b8b;padding:0 14px}
.nav-list a:hover,.nav-list a.active,.nav-list a.sub.active{
  background:#fff;color:#347bd6;box-shadow:0 5px 14px rgba(75,126,188,.1)
}
.nav-list a.active{box-shadow:inset 3px 0 #5b9cf0,0 5px 14px rgba(75,126,188,.1)}
.sidebar-help{border-color:#cedff3;background:rgba(255,255,255,.58)}
.sidebar-help p{color:#7187a2}
.sidebar-collapse-button{color:#58718f}
.topbar{height:66px;border-color:var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}
.content{max-width:1720px;padding:24px 28px 48px}
.teacher-top-tabs{border-color:var(--line);background:#fff;box-shadow:0 4px 18px rgba(61,104,159,.04)}
.teacher-top-tabs a{color:#627791}
.teacher-top-tabs a.active{border-color:var(--blue);color:var(--blue2)}
.teacher-top-tabs a.active:after{background:var(--blue)}
.customer-service-button{background:linear-gradient(180deg,#76adf0,#4b89dd);box-shadow:0 7px 20px rgba(64,121,191,.25)}
.customer-service-copy h3{color:var(--blue2)}
.class-cover{background:linear-gradient(155deg,#eff7ff,#dcecff);color:var(--blue2)}
.progress i,.dimension-list em,.dimension-chart em,.bar-chart em,.growth-line span:after{background:linear-gradient(90deg,#8cbdF7,#4f8fe8)}
.status.collecting,.status.pending_review,.status.ocr_completed,.tag.blue{background:#eaf3ff;color:#397bcf}
.task-view-toggle button.active{background:#edf5ff;color:var(--blue2)}
.benchmark-task-card .task-card-actions>a,.benchmark-task-card .task-card-actions>details>summary{color:var(--blue2)}
.benchmark-task-card .student-count>i{background:#eaf3ff;color:#4f8fe8}
.benchmark-task-card .student-count b{color:#397fd5}
.composition-pagination b{border-color:var(--blue);color:var(--blue2)}
.composition-task-stage{background:#f1f6fc}

/* 登录页：浅色双栏品牌页，避免原有深色参考风格 */
.login-page{background:#eef5fd}
.login-shell{grid-template-columns:minmax(520px,1.05fr) minmax(420px,.95fr);gap:0;padding:22px}
.login-hero{
  border-radius:28px;padding:9vh 7vw;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.92) 0 4px,transparent 5px),
    linear-gradient(145deg,#dcecff,#bcd9fb);
  background-size:34px 34px,auto;color:#23466f;
}
.login-hero:after{border-color:rgba(255,255,255,.28)}
.hero-copy .eyebrow{color:#347bd6}.hero-copy h1{color:#23466f;font-size:45px}.hero-copy>p{color:#58789e}
.hero-points{color:#315f94}.paper-card{box-shadow:0 22px 50px rgba(54,101,158,.18)}
.login-panel{background:transparent}
.login-box{padding:34px 38px;border:1px solid #d8e7f7;border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(58,104,159,.12)}
.login-heading{margin:48px 0 28px}

/* 管理端：紧凑浅蓝工作台，替代原大面积青绿结构 */
.director-ref-body{background:#f2f6fb;color:var(--ink)}
.director-ref-shell{grid-template-columns:220px minmax(0,1fr);gap:0}
.director-ref-side{
  box-sizing:border-box;width:220px;height:100vh;padding:16px 12px;border-right:1px solid #d6e5f6;
  background:linear-gradient(180deg,#edf6ff,#e2eefc);color:#315273;
  box-shadow:6px 0 24px rgba(65,105,153,.05);
}
.director-ref-logo{
  box-sizing:border-box;height:105px;padding:8px 10px;margin-bottom:8px;
  display:grid;grid-template-columns:48px 1fr;grid-template-rows:1fr 1fr;
  place-items:initial;align-items:end;gap:0 12px;border-bottom:1px solid #d3e3f5;
}
.director-ref-logo>.director-brand-mark{
  grid-row:1/3;align-self:center;width:48px;height:48px;display:grid;place-items:center;
  border:0;border-radius:15px;background:linear-gradient(145deg,#80b9fb,#4d8bdF);color:#fff;
  box-shadow:0 8px 18px rgba(69,126,196,.2);font:700 25px/1 "STKaiti","KaiTi",serif;
}
.director-ref-logo>div:nth-of-type(1){align-self:end;color:#294c72;font-size:18px;font-weight:700;letter-spacing:2px;text-align:left}
.director-ref-logo>div:nth-of-type(2){align-self:start;color:#7790aa;font-size:11px;font-weight:400;text-align:left}
.director-ref-side nav{gap:5px}
.director-ref-side nav a,.director-ref-side summary{
  box-sizing:border-box;width:100%;min-height:42px;height:auto;padding:11px 14px;border-radius:11px;
  color:#526d8d;font-size:14px;transition:.15s;
}
.director-ref-side nav,.director-ref-side details{width:100%}
.director-ref-side nav>a.active,.director-ref-side nav a:hover,.director-ref-side details[open]>summary{
  background:#fff;color:#347bd6;box-shadow:0 5px 14px rgba(70,118,177,.1)
}
.director-ref-side details a{margin:3px 0;padding-left:46px;color:#70859e}
.director-ref-side details a.active{background:#d8eafe;color:#2e74cd}
.director-collapse{margin:10px 0 0;border-radius:10px;background:#d9e9fb;color:#587493}
.director-ref-head{
  height:102px;padding:0 26px;border-bottom:1px solid #d9e6f4;
  grid-template-columns:1fr repeat(3,78px) minmax(205px,260px) 46px;
  background:linear-gradient(105deg,#f8fbff,#e5f1ff);color:#385878;
}
.director-ref-head>a,.director-ref-head>button{height:64px;color:#4f7196;font-size:21px}
.director-ref-head>a,.director-ref-head>button{width:auto;padding:8px 10px}
.director-ref-head small,.director-ref-head>a small,.director-ref-head>button small{color:#68809b!important;font-size:12px!important}
.director-ref-head>a:hover,.director-ref-head>button:hover{border-radius:14px;background:#fff;box-shadow:0 5px 14px rgba(74,120,174,.1)}
.director-tool-icon{background:#fff!important;color:#4b8cdf!important;box-shadow:0 5px 14px rgba(65,112,170,.1)}
.director-product{color:#28517d;font-size:16px;font-weight:700}
.director-product small{color:#7990a9!important;font-weight:400}
.director-school-switch select{border-color:#c8ddf4;background:#fff;color:#486681}
.director-ref-head details summary{color:#fff;background:linear-gradient(145deg,#78b2f5,#4c8adf);box-shadow:0 5px 14px rgba(63,118,186,.2)}
.director-tabbar{box-sizing:border-box;width:100%;height:52px;padding:7px 10px;gap:6px;border-bottom:1px solid #dce7f3;background:#fff}
.director-tabbar a{flex:0 0 auto;height:36px;padding:0 17px;border:0;border-radius:9px;color:#60758e;line-height:36px}
.director-tabbar a:hover{background:#f1f6fc}.director-tabbar a.active{border:0;background:#e7f2ff;color:#347bd6}
.director-ref-content{padding:16px 18px 28px}
.director-page,.director-panel,.director-home-top>article,.director-metrics{border:1px solid #e0eaf5;border-radius:14px;box-shadow:0 7px 22px rgba(67,108,157,.06)}
.director-ref-body select,.director-ref-body input,.director-ref-body textarea{border-color:#cfdeee;border-radius:8px}
.director-ref-flash{background:#e8f3ff;color:#3978c4}
.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:var(--blue)!important;background:linear-gradient(135deg,#68a6f3,#4b88df)!important;color:#fff!important;
}
.director-range-tabs a.active,.director-table-page td a,.director-table-page .link,.assignment-actions .view-toggle.active,
.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:#397fd5!important}
.director-table-page .director-pagination b{border-color:var(--blue);color:var(--blue)}
.director-table-page tbody tr:hover{background:#edf5ff}
.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:#b9d4f2!important;background:#f7fbff!important;color:#397fd5!important
}
.director-inner-tabs a.active{background:#e7f2ff!important}
.director-chart i,.growth-genre-bars em,.import-steps>b{background:#5b9cf6!important}
.director-top-list b,.analytics-metrics b,.director-table-page-scores td:last-child a,
.excellent-card-actions .link{color:#397fd5!important}
.radar-placeholder,.line-placeholder{color:#397fd5;background:repeating-radial-gradient(circle,#fff 0 34px,#deebf8 35px 36px)}
.director-growth aside a.active{background:#e7f2ff;color:#397fd5}
.director-ref-flash{background:#e8f3ff;color:#3978c4}
.director-notice{background:#f0f7ff;color:#466a94}
.teacher-query input:focus,.teacher-query select:focus{border-color:#82afea!important;box-shadow:0 0 0 3px rgba(79,143,232,.12)}
.setting-row button.active{border-color:var(--blue);color:var(--blue)}
.upload-box{border-color:#b9d4f2;background:#f7fbff}
.panel-mark{background:#9bc5f4}
.radar-value.two{fill:#5b9cf633;stroke:#5b9cf6}
.excellent-grade-nav strong:after{background:#5b9cf6}.excellent-card-title span{background:#e5f1ff;color:#397fd5}
.teacher-status.enabled{background:#e8f3ff;color:#3978c4}.teacher-table .link{border-color:#b9d4f2}.teacher-table .link:hover{background:#f0f7ff}
.setting-row input,.assignment-create-form input[type=radio],.assignment-create-form input[type=checkbox],.assignment-actions input{accent-color:var(--blue)}

@media(max-width:1100px){
  .director-ref-shell{grid-template-columns:190px minmax(0,1fr)}
  .director-ref-side{width:190px}
  .director-ref-head{grid-template-columns:1fr repeat(3,64px) minmax(180px,220px) 42px}
}
@media(max-width:800px){
  .login-shell{display:block;padding:0}.login-box{padding:28px 24px;border:0;border-radius:0;box-shadow:none}
  .sidebar{width:224px}.main-area{width:100%;margin-left:0}
  .director-ref-shell{display:block}.director-ref-side{position:relative;width:100%;height:auto}.director-ref-main{width:100%}
}