/* Anhui University: cobalt blue, warm grey and white. */
:root{--green:#214c91;--ink:#25344c;--muted:#6d7b90;--line:#e3e8f0;--bg:#f4f6fa}
body{font-family:'Microsoft YaHei','PingFang SC',sans-serif}
.sidebar{background:linear-gradient(165deg,#17396c,#112950);border:0;color:#fff;padding-top:30px}
.brand{display:block;padding:0 9px;letter-spacing:0}
.university-logo{display:block;width:100%;max-width:183px;height:auto}
.brand-sub{color:#c0cce0;font-size:9px;letter-spacing:1px;padding-top:14px;margin-top:17px;border-top:1px solid #ffffff24;white-space:nowrap}
.nav-label{color:#9eb0cc;font-size:10px;letter-spacing:2px;margin-top:37px}
nav a{color:#d0daeb;border-radius:7px;padding-top:15px;padding-bottom:15px}
nav a:hover{background:#ffffff12;color:#fff}
nav a.active{background:#fff;color:#234e8e;box-shadow:0 5px 15px #071b3320}
.sidebar-bottom{color:#d1d9e8;left:32px}.sidebar-bottom small{color:#91a7c7}.live-dot{background:#bdab82}
header{background:#fff;border-top:3px solid #244c89}.breadcrumb{color:#7b8798}.breadcrumb b{color:#344f77}.breadcrumb span{color:#b1bac8}.header-right{color:#738096}.account{color:#36537c;background:#f9fbfe}
.eyebrow{color:#7d8da7;font-size:9px;letter-spacing:2px}h1{font-size:26px}.term{color:#6f7e93;border-color:#dce3ed;background:#fff}
.hero{background:#183865;min-height:276px;border:0;border-radius:12px;padding:34px 36px;color:#fff}
.hero-art{inset:0;width:100%;height:100%;opacity:1;background:url('/static/assets/ahu-banner.jpg') center 48% / cover no-repeat}
.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,35,71,.98) 0%,rgba(18,48,88,.92) 30%,rgba(19,48,86,.46) 67%,rgba(19,48,86,.12) 100%)}
.hero .eyebrow{color:#c0cde1;letter-spacing:2.5px}.hero h2{font-family:'STSong','SimSun',serif;font-size:33px;letter-spacing:3px;margin:20px 0 12px;font-weight:600;line-height:1.4}.hero-subtitle{display:inline-block;font-family:'Microsoft YaHei',sans-serif;font-size:19px;letter-spacing:1px;font-weight:400;margin-top:8px}.hero p{color:#d6deeb;font-size:12px;line-height:1.8;margin:8px 0 16px}.hero .button{background:#fff;border-color:#fff;color:#244d89;margin:0;font-weight:600}.hero-caption{position:absolute;right:23px;bottom:17px;z-index:2;color:#fff;font-size:10px;letter-spacing:1.5px;text-shadow:0 1px 6px #162e51}
.stat{border-radius:9px;box-shadow:0 3px 12px #1d3e6903}.stat-icon{color:#5071a5;background:#eef2f9;border-radius:10px}.stat strong{color:#233f68}.stat p{color:#6d7b90}
.section-head small{color:#8794a8}.section-head a{color:#52709a}.service-card{border-radius:10px;border-top:2px solid #e5eaf3;box-shadow:0 3px 14px #213e6503}.service-card:hover{border-top-color:#325e9c;box-shadow:0 10px 25px #274a7712}.service-card p{color:#6e7b8e}.card-bottom{color:#54729b}.tag{color:#78869a;background:#f4f6f9}.service-card h3{color:#2c405f}
.panel{border-radius:10px}.notice{border-color:#edf0f5}.notice-num{color:#a1b1c9}.notice p{color:#758197}.empty{color:#7b899e}.empty .icon{color:#a2b3ce}.record-title small{color:#7e8a9c}.qr-box{background:#edf2f9}.qr-box p{color:#687e9c}.room-grid .panel{background:linear-gradient(140deg,#fff,#eef3fb)}.room-number{color:#315c98}.button{border-color:#dce4ef}.detail-body{background:#f3f6fa}footer{color:#7b889a}
dialog{border-color:#dce3ee;box-shadow:0 25px 100px #152c522b}dialog::backdrop{background:#14294b70}.close{color:#7d8ca3}label{color:#4e6483}input,select,textarea{color:#253b5a;border-color:#d9e1ee;background:#fbfcfe}input:focus,select:focus,textarea:focus{border-color:#6b8fc5;box-shadow:0 0 0 3px #e6edf8}.demo{background:#f0f4fa;color:#6d7f99}#toast{background:#214577}button:focus-visible,a:focus-visible{outline-color:#94b3e5}
@media(max-width:1100px) and (min-width:761px){.brand-sub{font-size:8px;letter-spacing:0}.sidebar-bottom{left:22px}.hero h2{font-size:28px}}
@media(max-width:760px){.sidebar{padding:18px 17px 9px}.brand{display:flex;align-items:center;justify-content:space-between;padding:0 2px;gap:15px}.university-logo{width:151px;max-width:46%}.brand-sub{margin:0;padding:0 0 0 14px;border-top:0;border-left:1px solid #ffffff35;white-space:normal;font-size:9px;letter-spacing:1px;line-height:1.8;max-width:155px}.nav-label{display:none}nav{margin-top:20px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{padding:10px}.hero{min-height:278px;padding:27px 23px}.hero-art{inset:0;width:100%;opacity:1;background-position:60% center}.hero-art::after{background:linear-gradient(90deg,#102b50ed,#18385ba8)}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero h2{font-size:25px;letter-spacing:1px;margin:22px 0 12px}.hero-subtitle{font-size:16px;letter-spacing:0}.hero p{max-width:250px;font-size:11px}.hero-caption{font-size:8px;right:15px;bottom:12px;opacity:.8}h1{font-size:23px}.page-heading .eyebrow{font-size:8px;letter-spacing:1px}.hero .button{padding:10px 13px}.service-card p{font-size:12px}.card-bottom{font-size:10px}footer{font-size:10px}}
/* Keep the desktop navigation scrollable without a bright native track. */
@media(min-width:761px){
  .sidebar nav{scrollbar-width:thin;scrollbar-color:#607da6 transparent;scrollbar-gutter:stable;padding-right:7px;overflow-x:hidden;overscroll-behavior-y:contain}
  .sidebar nav:hover,.sidebar nav:focus-within{scrollbar-color:#95aecf transparent}
  @supports selector(::-webkit-scrollbar){
    .sidebar nav{scrollbar-width:auto;scrollbar-color:auto}
    .sidebar nav::-webkit-scrollbar{width:5px}
    .sidebar nav::-webkit-scrollbar-track{background:transparent}
    .sidebar nav::-webkit-scrollbar-thumb{background:#607da6;border-radius:999px}
    .sidebar nav:hover::-webkit-scrollbar-thumb,.sidebar nav:focus-within::-webkit-scrollbar-thumb{background:#95aecf}
    .sidebar nav::-webkit-scrollbar-button{display:none;width:0;height:0}
    .sidebar nav::-webkit-scrollbar-corner{background:transparent}
  }
}
@media(forced-colors:active) and (min-width:761px){.sidebar nav{scrollbar-width:auto;scrollbar-color:auto}.sidebar nav::-webkit-scrollbar-thumb{background:ButtonText}}
