@font-face{font-family:RiWenMaoBi;src:url(../font/RiWenMaoBi.woff2) format("woff2"),url(../font/RiWenMaoBi.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--u: max(calc(100vw / 2560), calc(100vh / 1280));--brand: #17479b;--brand-light: #2f7cf6;--ink: #3d4f63}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,Source Han Sans SC,Arial,sans-serif;color:var(--brand);background:#fff;overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased}.page{min-height:100vh;height:auto;display:flex;align-items:flex-start;justify-content:center;overflow:visible;background:#fff}.stage{position:relative;flex:none;width:calc(2560*var(--u));height:calc(1280*var(--u));background:url(../img/bg.jpg) center top/100% 100% no-repeat;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.topbar{position:absolute;inset:0 0 auto;height:calc(111*var(--u));z-index:3}.brand{position:absolute;left:calc(452*var(--u));top:calc(14*var(--u));width:calc(398*var(--u));display:block;text-decoration:none;transition:opacity .25s ease}.brand__mark{display:block;width:100%;height:auto}.brand__code{display:block;margin:calc(-1.4*var(--u)) 0 0 51%;font-size:calc(19*var(--u));font-weight:400;line-height:1.15;letter-spacing:calc(.5*var(--u));white-space:nowrap;color:#fff;text-shadow:0 calc(1*var(--u)) calc(4*var(--u)) rgba(18,48,92,.42)}.brand:hover{opacity:.82}.slogan{position:absolute;left:calc(912*var(--u));top:calc(34*var(--u));margin:0;font-family:RiWenMaoBi,STXingkai,\534e\6587\884c\6977,cursive;font-size:calc(37*var(--u));font-weight:400;line-height:1.1;letter-spacing:calc(2*var(--u));color:#fff;white-space:nowrap;text-shadow:0 calc(2*var(--u)) calc(8*var(--u)) rgba(12,38,66,.38);pointer-events:none}.back-home{position:absolute;left:calc(1927*var(--u));top:calc(49*var(--u));width:calc(145*var(--u));height:calc(36*var(--u));display:flex!important;align-items:center;justify-content:center;background:#fdfefe;border-radius:999px;box-shadow:0 calc(2*var(--u)) calc(6*var(--u)) #1737692e;color:var(--ink);font-size:calc(19*var(--u));font-weight:600;letter-spacing:.04em;text-decoration:none;white-space:nowrap;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,background .28s}.back-home:hover{background:#fff;transform:translateY(calc(-2 * var(--u)));box-shadow:0 calc(5*var(--u)) calc(14*var(--u)) #17376942}.back-home:active{transform:translateY(0)}.portal{position:absolute;left:calc(630*var(--u));top:calc(255*var(--u));width:calc(1300*var(--u));display:grid;grid-template-columns:repeat(4,calc(310 * var(--u)));column-gap:calc(20*var(--u));row-gap:calc(20*var(--u));z-index:2}.card{position:relative;width:calc(310*var(--u));height:calc(200*var(--u));padding:calc(50*var(--u)) calc(18*var(--u)) 0 calc(30*var(--u));overflow:hidden;display:block;text-decoration:none;color:var(--brand);background-color:#f2f9ff;background-repeat:no-repeat;background-position:center;background-size:100% 100%;border-radius:calc(7*var(--u));box-shadow:0 calc(3*var(--u)) calc(16*var(--u)) #4a7cbe1a;transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s,filter .34s}.card[data-key=jwxt]{background-image:url(../img/cards/jwxt.png)}.card[data-key=portal]{background-image:url(../img/cards/portal.png)}.card[data-key=xijiao]{background-image:url(../img/cards/xijiao.png)}.card[data-key=teacher]{background-image:url(../img/cards/teacher.png)}.card[data-key=jszg]{background-image:url(../img/cards/jszg.png)}.card[data-key=netcourse]{background-image:url(../img/cards/netcourse.png)}.card[data-key=chsi]{background-image:url(../img/cards/chsi.png)}.card[data-key=dream]{background-image:url(../img/cards/dream.png)}.card__title{position:relative;z-index:2;display:block;font-size:calc(23*var(--u));font-weight:700;line-height:1.45;letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,255,255,.7)}.card__sub{display:block;margin-top:calc(4*var(--u));padding:calc(2*var(--u)) calc(6*var(--u));width:fit-content;font-size:calc(13*var(--u));font-weight:700;line-height:1.5;letter-spacing:0;color:#2b64bd;background:#ffffff9e;border-radius:calc(3*var(--u))}.card:hover,.card:focus-visible{transform:translateY(calc(-6 * var(--u)));box-shadow:0 calc(14*var(--u)) calc(34*var(--u)) #285cac42;filter:brightness(1.035) saturate(1.06);outline:none}.card:active{transform:translateY(calc(-2 * var(--u)))}.card:focus-visible{outline:calc(3*var(--u)) solid var(--brand-light);outline-offset:calc(2*var(--u))}.toast{position:fixed;left:50%;bottom:8%;z-index:20;max-width:86vw;padding:12px 22px;border-radius:999px;background:#173769eb;color:#fff;font-size:14px;line-height:1.5;text-align:center;box-shadow:0 10px 28px #17376942;opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:opacity .28s,transform .28s}.toast.is-show{opacity:1;transform:translate(-50%)}@media(max-width:1100px){:root{--u: .78px}body{overflow-x:hidden;overflow-y:auto}.page{display:block;height:auto;overflow:visible;background:none}.stage{width:100%;height:auto;min-height:100vh;overflow:visible;background:linear-gradient(180deg,#545d66,#8ba7bd 8%,#b9d3e8 20%,#dcecf9 36%,#f4faff 60%,#fff) center top/100% 100% no-repeat,#fff;padding:24px 0 150px}.stage:before{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:url(../img/building.jpg) center bottom/100% auto no-repeat;opacity:.85;pointer-events:none;z-index:0}.topbar{position:relative;inset:auto;height:auto;min-height:84px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:14px 28px}.brand,.slogan,.back-home{position:static}.brand{grid-column:1;grid-row:1;width:250px;min-width:0}.brand__code{margin:0 0 0 51%;font-size:13px;letter-spacing:.3px;text-shadow:0 1px 4px rgba(10,30,55,.45)}.back-home{grid-column:2;grid-row:1;width:118px;height:32px;font-size:15px}.slogan{grid-column:1/-1;grid-row:2;margin:4px auto 0;font-size:34px;letter-spacing:2px;text-shadow:0 2px 8px rgba(10,30,55,.45)}.portal{position:relative;inset:auto;width:min(100% - 48px,560px);margin:30px auto 0;grid-template-columns:repeat(2,1fr);gap:14px}.card{width:100%;height:140px;padding:26px 14px 0 20px}.card__title{font-size:17px}.card__sub{font-size:11px}}@media(max-width:620px){.stage{padding:16px 0 120px}.stage:before{height:110px}.topbar{padding:12px 18px;gap:6px 12px;min-height:72px}.brand{width:195px}.brand__code{font-size:11px}.slogan{font-size:28px;letter-spacing:1px}.back-home{width:96px;height:30px;font-size:13px}.portal{width:calc(100% - 36px);margin-top:20px;grid-template-columns:1fr;gap:12px}.card{height:100px;padding:22px 12px 0 20px}.card__title{font-size:18px}.toast{font-size:13px;padding:10px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}