@charset "UTF-8";
@import url("../assets/install.css");
:root{--blue:#0b3976;--blue2:#15549d;--soft:#edf4fb;--ink:#172235;--muted:#66758a;--line:#dce3ec;--paper:#f4f7fa;--white:#fff;--red:#b31d2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;color:var(--ink)!important;background:var(--paper)!important;font:15px/1.8 "Microsoft YaHei","PingFang SC",Arial,sans-serif!important}.help-top{position:sticky;z-index:50;top:0;color:#fff;background:#071f43;box-shadow:0 2px 12px rgba(0,0,0,.15)}.help-top-inner{display:flex;align-items:center;width:min(1200px,calc(100% - 40px));min-height:64px;margin:auto;gap:25px}.help-brand{color:#fff!important;text-decoration:none!important;font:700 18px "Songti SC",serif}.help-brand small{margin-left:10px;color:#a8bed5;font:11px sans-serif}.help-back{margin-left:auto;color:#c6d7e8!important;text-decoration:none!important;font-size:12px}.help-hero{padding:48px 20px;color:#fff;background:linear-gradient(125deg,#092d61,#15549d)}.help-hero>div{width:min(1100px,100%);margin:auto}.help-hero small{color:#9bc9f3;font-weight:700;letter-spacing:2px}.help-hero h1{margin:8px 0 7px!important;color:#fff!important;font:700 clamp(28px,4vw,42px) "Songti SC",serif!important}.help-hero p{max-width:720px;margin:0;color:#d2dfed}.help-footer{margin-top:50px;padding:24px;color:#9badc0;background:#071f43;text-align:center;font-size:11px}
/* Existing video guide */
#container{display:grid!important;grid-template-columns:250px minmax(0,1fr);gap:30px;width:min(1180px,calc(100% - 48px))!important;margin:30px auto!important;align-items:start}
#sidebar{position:sticky!important;top:92px!important;float:none;width:auto!important;height:auto!important;max-height:calc(100vh - 112px)!important;margin:0!important;padding:20px!important;border:1px solid var(--line);border-radius:14px;background:#fff!important;color:var(--ink)!important;overflow:auto;box-shadow:0 9px 28px rgba(14,48,88,.055)}
#sidebar h1{margin:0 0 16px!important;color:var(--blue)!important;font:700 19px/1.45 "Songti SC","Microsoft YaHei",serif!important}
#sidebar ul{margin:0;padding:0;list-style:none}
#sidebar .nav-item{margin:5px 0!important}
#sidebar a{display:block;padding:9px 10px;color:var(--muted)!important;border-radius:7px;text-decoration:none;transition:.18s ease}
#sidebar a:hover,#sidebar a:focus-visible{color:var(--blue)!important;background:var(--soft);outline:0}
#sidebar i{display:none}
#content{width:auto!important;min-width:0;margin:0!important;padding:34px 38px!important;border:1px solid var(--line);border-radius:14px;background:#fff!important;color:var(--ink)!important;overflow:visible!important;box-shadow:0 12px 32px rgba(14,48,88,.075)}
#content h2,#content h3{scroll-margin-top:92px}
#content h2{margin:42px 0 18px;padding-top:10px;color:var(--blue);font:700 27px/1.45 "Songti SC",serif}
#content h2:first-child{margin-top:0}
#content h3{margin:28px 0 8px;color:#253d5c;font-size:17px;line-height:1.5}
#content p{color:var(--muted)}
#content video{display:block;width:min(100%,720px)!important;height:auto!important;margin:10px 0 24px;border-radius:9px;background:#0a1525;box-shadow:0 8px 24px rgba(21,52,88,.12)}
/* Firewall guide */
.guide-shell{width:min(1180px,calc(100% - 48px));margin:30px auto}.guide-nav{position:sticky;z-index:20;top:92px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 8px 25px rgba(20,50,85,.07)}.guide-nav a{padding:7px 12px;color:var(--blue);border-radius:6px;background:var(--soft);font-size:12px;text-decoration:none}.guide-section{margin-bottom:20px;padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}.guide-section h2{margin:0 0 8px;color:var(--blue);font:700 24px "Songti SC",serif}.guide-section>.guide-note{margin:0 0 24px;color:var(--muted)}.guide-step{margin:25px 0;padding-top:22px;border-top:1px solid var(--line)}.guide-step p{margin:0 0 12px}.guide-step img{display:block;max-width:100%;height:auto;margin:auto;border:1px solid var(--line);border-radius:8px}.guide-alert{margin-bottom:22px;padding:14px 17px;color:#6e5219;border-left:4px solid #c99a4a;border-radius:6px;background:#fff9e9}
@media(max-width:800px){#sidebar{position:static!important;float:none;width:100%!important;max-height:none!important;margin-bottom:16px}#content{width:100%!important;margin:0!important;padding:24px!important}.guide-nav{top:70px}.help-brand small{display:none}}
@media(max-width:520px){#container,.guide-shell{width:calc(100% - 24px)!important}.help-top-inner{width:calc(100% - 28px)}.guide-section{padding:20px}.help-hero{padding-block:36px}}

/* Keep documentation pages aligned with the school installation entry. */
.hero { position:sticky; z-index:50; top:0; height:auto; overflow:hidden; color:#fff; background:linear-gradient(125deg,#061f44 0%,#0c3b78 58%,#15599d 100%); box-shadow:0 4px 18px rgba(7,31,67,.14); }
.hero::before { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:52px 52px; content:""; opacity:.22; mask-image:linear-gradient(90deg,#000,transparent); }
.hero::after { position:absolute; top:-180px; right:-100px; width:560px; height:420px; border:1px solid rgba(255,255,255,.1); border-radius:50%; content:""; }
.site-nav-inner { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; width:min(1180px,calc(100% - 48px)); min-height:76px; margin-inline:auto; gap:12px; }
.site-brand { display:flex; align-items:center; gap:12px; letter-spacing:0; font:700 19px/1.35 "Noto Serif SC","Songti SC",serif; }
.site-home { position:relative; z-index:1; padding:8px 14px; color:#dce9f5!important; border:1px solid rgba(255,255,255,.25); border-radius:7px; font-size:12px; }
.help-hero { position:relative; overflow:hidden; padding:48px 20px 54px; background:linear-gradient(120deg,#061f44 0%,#0b3976 62%,#15549d 100%); }
.help-hero>div { position:relative; z-index:1; width:min(1180px,calc(100% - 48px)); }
.help-hero h1 { font-size:clamp(30px,4vw,42px)!important; line-height:1.35!important; }
.help-footer { margin-top:0; padding:24px 20px; color:#9fb6cf; background:#071f43; border-top:1px solid rgba(255,255,255,.1); }
body { background:linear-gradient(rgba(11,57,118,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(11,57,118,.028) 1px,transparent 1px),var(--paper)!important; background-size:48px 48px!important; }
#container,.guide-shell { margin-top:30px!important; }
#content { box-shadow:0 12px 32px rgba(14,48,88,.075); }
.docs-intro { width:min(1180px,calc(100% - 48px)); margin:30px auto 0; }
.docs-intro .school-filter-heading { padding:21px 22px 17px; }
.docs-intro .school-filter-copy h1 { font-size:20px; }
.help-hero { width:min(1180px,calc(100% - 48px)); margin:30px auto 0; padding:0; color:inherit; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.97); box-shadow:0 12px 32px rgba(14,48,88,.075); }
.help-hero>div { width:auto; padding:21px 22px 17px; }
.help-hero small { display:block; color:#3974ae; font-size:9px; font-weight:750; letter-spacing:1.4px; }
.help-hero h1 { margin:1px 0 0!important; color:#203650!important; font:700 20px/1.45 "Microsoft YaHei","PingFang SC",Arial,sans-serif!important; }
.help-hero p { max-width:none; margin:2px 0 0; color:#6d7f94; font-size:11px; }
.help-hero>div::before { display:grid; float:left; width:48px; height:48px; margin-right:15px; color:#1769bd; border:1px solid #cfe4f8; border-radius:12px; background:#e3f1ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 21h16M6 21V9m12 12V9M3 9l9-6 9 6M9 21v-5h6v5' fill='none' stroke='%231769bd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/24px no-repeat; content:""; }
.help-hero>div::after { display:block; clear:both; content:""; }
.help-hero small { font-size:9px; }
.help-hero h1 { font-size:20px!important; }
.help-hero p { font-size:11px; }
@media(max-width:560px) {
  .site-nav-inner { width:calc(100% - 28px); min-height:68px; }
  .site-brand img { width:40px; height:40px; }
  .help-hero { padding:34px 14px 40px; }
  .help-hero>div { width:100%; }
  .docs-intro { width:calc(100% - 28px); margin-top:20px; }
  .docs-intro .school-filter-heading { padding:17px 14px 14px; }
  .help-hero { width:calc(100% - 28px); margin-top:20px; }
  .help-hero>div { padding:17px 14px 14px; }
  .help-hero>div::before { width:40px; height:40px; margin-right:12px; background-size:20px; }
}

@media(max-width:800px) {
  #container { grid-template-columns:1fr; width:calc(100% - 28px)!important; margin-top:20px!important; }
  #sidebar { position:sticky!important; top:78px!important; max-height:none!important; }
  #content { padding:26px 24px!important; }
  .guide-shell { width:calc(100% - 28px); margin-top:20px; }
  .deploy-grid { grid-template-columns:1fr 1fr!important; }
}

@media(max-width:520px) {
  #sidebar { top:70px!important; padding:16px!important; }
  #content { padding:22px 18px!important; }
  #content h2 { font-size:23px; }
  #content h3 { font-size:16px; }
  .deploy-grid { grid-template-columns:1fr!important; }
  .deploy-card { padding:21px!important; }
}