@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=ZCOOL+XiaoWei&display=swap);:root{--brand:#004eb9;--brand-deep:#002e5d;--brand-mid:#0a5fd4;--brand-soft:#e8f2ff;--accent:#f6b123;--text:#1a2b3c;--muted:#5b6b7c;--line:#d5e3f5;--bg:#eaf3fc;--white:#fff;--radius:12px;--shadow:0 10px 30px rgba(0,78,185,.1);--max:1200px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none;margin:0;padding:0}button{font:inherit;cursor:pointer}.container{width:min(100% - 32px,var(--max));margin:0 auto}.site-main{min-height:60vh}.site-header{position:sticky;top:0;z-index:50;background:var(--brand);box-shadow:0 2px 12px rgba(0,46,93,.18)}.topbar{background:var(--brand-deep);color:hsla(0,0%,100%,.82);font-size:12px}.topbar-inner{display:flex;justify-content:space-between;align-items:center;min-height:32px;gap:16px}.topbar-welcome{opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-links{display:flex;align-items:center;gap:0;flex-shrink:0}.quick-links a{padding:0 12px;color:hsla(0,0%,100%,.88);line-height:1;transition:color .2s ease;position:relative}.quick-links a+a:before{content:"";position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background:hsla(0,0%,100%,.28)}.quick-links a:hover{color:var(--accent)}.topbar-right{gap:16px;flex-shrink:0}.site-search,.topbar-right{display:flex;align-items:center}.site-search{height:24px;border:1px solid hsla(0,0%,100%,.28);border-radius:4px;overflow:hidden;background:hsla(0,0%,100%,.08)}.site-search input{width:140px;height:100%;border:0;outline:0;padding:0 8px;background:transparent;color:#fff;font-size:12px}.site-search input::-moz-placeholder{color:hsla(0,0%,100%,.55)}.site-search input::placeholder{color:hsla(0,0%,100%,.55)}.site-search button{height:100%;border:0;padding:0 10px;background:hsla(0,0%,100%,.14);color:#fff;font-size:12px;white-space:nowrap}.site-search button:hover{background:var(--accent);color:#07213f}.brand-bar,.main-bar{background:linear-gradient(180deg,#0056c7 0,var(--brand) 100%);border-bottom:0}.brand-bar-inner,.main-bar-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:6px 0;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0}.brand-logo{display:block;height:48px;width:auto;max-width:280px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;border-radius:4px;background:transparent}.brand-mark{width:42px;height:42px;border-radius:10px;background:hsla(0,0%,100%,.12);color:#fff;display:grid;place-items:center;font-family:ZCOOL XiaoWei,serif;font-size:20px;flex-shrink:0;border:1px solid hsla(0,0%,100%,.25)}.brand-text h1{margin:0;font-size:clamp(16px,1.8vw,20px);font-family:ZCOOL XiaoWei,Noto Sans SC,serif;color:#fff;letter-spacing:.04em;line-height:1.2}.brand-text p{margin:2px 0 0;color:hsla(0,0%,100%,.72);font-size:11px;letter-spacing:.06em}.nav-bar{background:var(--brand);box-shadow:none}.nav{display:flex;align-items:stretch;justify-content:flex-end;flex:1 1 auto;gap:0;min-width:0}.nav-item{position:relative;flex:0 1 auto;text-align:center;min-width:0}.nav-item-head{display:inline-flex;align-items:stretch;min-height:52px}.nav-item-head>.nav-link,.nav-item-head>a,.nav-item>a{display:inline-flex;gap:4px;width:auto;min-height:52px;padding:0 10px;color:hsla(0,0%,100%,.92);font-weight:500;font-size:14px;position:relative;transition:background .18s ease,color .18s ease;white-space:nowrap}.nav-expand,.nav-item-head>.nav-link,.nav-item-head>a,.nav-item>a{align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer}.nav-expand{display:none;width:36px;padding:0;color:inherit}.nav-item-head>.nav-link:after,.nav-item-head>a:after,.nav-item>a:after{content:"";position:absolute;left:16%;right:16%;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .2s ease}.nav-item.active .nav-item-head>.nav-link,.nav-item.active .nav-item-head>a,.nav-item.active>a,.nav-item.open .nav-item-head>.nav-link,.nav-item.open .nav-item-head>a,.nav-item:hover .nav-item-head>.nav-link,.nav-item:hover .nav-item-head>a,.nav-item:hover>a{color:#fff;background:rgba(0,0,0,.12)}.nav-item.active .nav-item-head>.nav-link:after,.nav-item.active .nav-item-head>a:after,.nav-item.active>a:after,.nav-item.open .nav-item-head>.nav-link:after,.nav-item.open .nav-item-head>a:after,.nav-item:hover .nav-item-head>.nav-link:after,.nav-item:hover .nav-item-head>a:after,.nav-item:hover>a:after{transform:scaleX(1)}.nav-item.has-child .nav-item-head>.nav-link:before{content:"";order:2;width:0;height:0;margin-left:4px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid hsla(0,0%,100%,.7);transition:transform .2s ease}.nav-item.has-child.open .nav-item-head>.nav-link:before,.nav-item.has-child:hover .nav-item-head>.nav-link:before{transform:rotate(180deg);border-top-color:var(--accent)}.nav-caret{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid hsla(0,0%,100%,.7);transition:transform .2s ease;margin-top:1px;flex-shrink:0}.nav-item.open .nav-caret,.nav-item:hover .nav-caret{transform:rotate(180deg);border-top-color:var(--accent)}.dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%,6px);min-width:160px;background:#fff;border:1px solid var(--line);border-radius:0 0 8px 8px;box-shadow:0 12px 28px rgba(7,33,63,.14);padding:6px;opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;text-align:left;z-index:60}.dropdown:before{content:"";position:absolute;top:-6px;left:0;right:0;height:6px}.nav-item.open .dropdown,.nav-item:hover .dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.dropdown a{display:block;padding:9px 12px;border-radius:6px;font-size:13px;color:#4b5565;position:relative;transition:.15s ease}.dropdown a.active,.dropdown a:hover{background:var(--brand-soft);color:var(--brand);padding-left:16px}.dropdown a.active:before,.dropdown a:hover:before{content:"";position:absolute;left:7px;top:50%;width:2px;height:12px;margin-top:-6px;border-radius:2px;background:var(--accent)}.menu-toggle{display:none;width:40px;height:40px;border:1px solid hsla(0,0%,100%,.35);background:hsla(0,0%,100%,.12);border-radius:8px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:#fff;transition:.2s ease}.hero{position:relative;overflow:hidden;background:#0a2f54;min-height:clamp(280px,42vw,460px)}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background-size:cover;background-position:50%}.hero-slide.active{opacity:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,33,63,.72),rgba(7,33,63,.28) 55%,rgba(7,33,63,.15))}.hero-content{position:relative;z-index:2;min-height:inherit;display:flex;flex-direction:column;justify-content:flex-end;padding:48px 0 56px;color:#fff}.hero-content h2{margin:0 0 10px;font-size:clamp(28px,4vw,44px);font-family:ZCOOL XiaoWei,serif;max-width:720px;text-shadow:0 6px 24px rgba(0,0,0,.25)}.hero-content p{margin:0;max-width:560px;color:hsla(0,0%,100%,.88)}.hero-dots{position:absolute;z-index:3;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px}.hero-dots button{width:10px;height:10px;border-radius:50%;border:0;background:hsla(0,0%,100%,.45)}.hero-dots button.active{background:var(--accent);width:28px;border-radius:999px}.section{padding:40px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.section-head h3{margin:0;font-size:26px;font-family:ZCOOL XiaoWei,serif;color:var(--brand)}.section-head a{color:var(--brand);font-size:14px}.home-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.tabs{display:flex;gap:4px;padding:14px 16px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.tabs button{border:0;background:transparent;padding:10px 14px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.active{color:var(--brand);border-bottom-color:var(--accent);font-weight:700}.news-list{padding:8px 8px 12px}.news-item{display:flex;justify-content:space-between;gap:16px;padding:12px 12px;border-radius:10px;transition:.2s ease}.news-item:hover{background:var(--brand-soft)}.news-item .meta{display:flex;align-items:center;gap:8px;min-width:0}.news-item .cat{flex-shrink:0;font-size:12px;color:var(--brand);background:rgba(11,61,110,.08);padding:2px 8px;border-radius:999px}.news-item .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-item .date{flex-shrink:0;color:var(--muted);font-size:13px}.top-badge{color:#b45309;font-size:12px;margin-right:4px}.pic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.pic-card{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/10;background:#dbe7f3}.pic-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.pic-card:hover img{transform:scale(1.05)}.pic-card span{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:13px}.notice-list{padding:8px 16px 16px}.notice-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}.notice-item:last-child{border-bottom:0}.notice-item .date{color:var(--muted);font-size:13px;white-space:nowrap}.page-banner{background:radial-gradient(circle at top right,rgba(246,177,35,.22),transparent 42%),linear-gradient(120deg,#001a3a,var(--brand-deep) 40%,var(--brand) 78%,#0a5fd4);color:#fff;padding:36px 0}.page-banner h2{margin:0;font-family:ZCOOL XiaoWei,serif;font-size:32px}.page-banner p{margin:8px 0 0;opacity:.85}.content-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:28px 0 48px}.side-nav{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px;height:-moz-fit-content;height:fit-content;box-shadow:var(--shadow)}.side-nav h4{margin:0 0 10px;padding:8px 10px;color:var(--brand);font-size:16px}.side-nav a{display:block;padding:10px 12px;border-radius:8px;color:var(--muted);margin-bottom:4px}.side-nav a.active,.side-nav a:hover{background:var(--brand-soft);color:var(--brand)}.content-layout.no-side{grid-template-columns:1fr}.cate-tag{display:inline-block;margin-right:8px;padding:0 6px;font-size:12px;line-height:1.6;color:var(--brand);border-radius:4px;vertical-align:middle}.cate-tag,.contact-box{background:var(--brand-soft)}.contact-box{margin-top:24px;padding:18px;border-radius:10px}.content-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.search-panel{display:flex;gap:10px;margin-bottom:20px}.search-panel input{flex:1;height:42px;border:1px solid var(--line);border-radius:8px;padding:0 14px;font-size:14px;outline:none}.search-panel input:focus{border-color:var(--brand)}.search-panel button{height:42px;padding:0 22px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-size:14px}.search-panel button:hover{background:var(--brand-deep)}.search-list li{margin-bottom:6px}.search-summary{margin:0 0 10px;padding:0 4px 12px;color:var(--muted);font-size:13px;line-height:1.6;border-bottom:1px dashed var(--line)}.article-list li a{display:flex;justify-content:space-between;gap:16px;padding:14px 4px;border-bottom:1px solid var(--line)}.article-list li a:hover .title{color:var(--brand)}.article-list .date{color:var(--muted);white-space:nowrap}.article-detail h1{margin:0 0 12px;font-size:28px;line-height:1.4;color:var(--brand-deep)}.article-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:14px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.article-body{font-size:16px;line-height:1.9;color:#334155}.article-body img{margin:16px auto;border-radius:8px}.article-body p{margin:0 0 14px}.pager{display:flex;justify-content:center;gap:8px;margin-top:24px}.pager button{min-width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:8px}.pager button.active,.pager button:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.footer{position:relative;overflow:hidden;background:linear-gradient(180deg,#0056c7 0,var(--brand) 55%,#0043a0 100%);color:hsla(0,0%,100%,.78);padding:48px 0 24px;margin-top:28px}.footer-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden}.footer-wave{position:absolute;left:-10%;right:-10%;top:-40px;height:90px;background:radial-gradient(ellipse at center,rgba(201,162,39,.18),transparent 70%);animation:footerGlow 6s ease-in-out infinite alternate}.footer-school-art{display:block;position:static;width:min(280px,100%);max-height:120px;margin:0 0 16px;-o-object-fit:contain;object-fit:contain;-o-object-position:left bottom;object-position:left bottom;opacity:.55;mix-blend-mode:screen;filter:saturate(1.05);animation:none}@keyframes footerGlow{0%{opacity:.55;transform:translateX(-2%)}to{opacity:1;transform:translateX(2%)}}.footer-main{position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr auto;gap:28px;align-items:start}.footer-brand-img{display:block;height:48px;width:auto;max-width:280px;-o-object-fit:contain;object-fit:contain;margin-bottom:16px;filter:brightness(1.05)}.footer h4{margin:0 0 14px;color:#fff;font-size:16px}.footer a,.footer p{margin:0 0 8px;font-size:14px}.footer a:hover{color:var(--accent)}.footer-qr-block{text-align:center}.qrcode{width:118px;height:118px;background:#fff;border-radius:12px;padding:8px;-o-object-fit:contain;object-fit:contain;box-shadow:0 10px 24px rgba(0,0,0,.25)}.qrcode-tip{margin-top:10px!important;font-size:12px!important;color:hsla(0,0%,100%,.7);max-width:140px}.footer-bottom{margin-top:28px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.1);font-size:13px;display:flex;justify-content:space-between}.footer-beian,.footer-bottom{gap:12px;flex-wrap:wrap;align-items:center}.footer-beian,.police-beian{display:inline-flex}.police-beian{align-items:center;gap:6px}.police-cert{width:18px;height:18px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.empty{padding:40px 20px;text-align:center;color:var(--muted)}@media (max-width:1200px){.brand-logo{max-width:200px;height:42px}.nav-item-head>.nav-link,.nav-item-head>a,.nav-item>a{font-size:13px;padding:0 7px}}@media (max-width:1100px){.nav-item-head>.nav-link,.nav-item-head>a,.nav-item>a{font-size:12px;padding:0 5px;gap:2px}}@media (max-width:960px){.topbar-welcome{display:none}.topbar-inner{justify-content:flex-end}.topbar-right{gap:10px;width:100%;justify-content:space-between}.site-search{flex:1;max-width:220px}.site-search input{width:100%;min-width:0}.content-layout,.footer-grid,.home-grid{grid-template-columns:1fr}.main-bar-inner{min-height:56px;padding:6px 0;position:relative;flex-wrap:wrap}.brand-logo{height:40px;max-width:min(220px,70vw)}.footer-school-art{width:min(240px,100%);max-height:100px;margin:0 0 12px;opacity:.45}.footer-qr-block{justify-self:start;text-align:left}.qrcode-tip{max-width:none}.menu-toggle{display:inline-flex;margin-left:auto}.nav{display:none;flex:1 1 100%;flex-direction:column;align-items:stretch;order:3;margin:0;padding:8px 0 12px;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 12px 28px rgba(7,33,63,.12)}.nav.open{display:flex}.nav-item{max-width:none;text-align:left}.nav-item-head{display:flex;width:100%;min-height:46px}.nav-item-head>.nav-link,.nav-item-head>a,.nav-item>a{justify-content:flex-start;flex:1;width:auto;min-height:46px;padding:0 14px;color:var(--brand-deep);background:transparent}.nav-item.has-child .nav-item-head>.nav-link:before{display:none}.nav-expand{display:inline-flex;color:var(--brand-deep)}.nav-item-head>.nav-link:after,.nav-item-head>a:after,.nav-item>a:after{display:none}.nav-item.active .nav-item-head>.nav-link,.nav-item.active .nav-item-head>a,.nav-item.active>a,.nav-item.open .nav-item-head>.nav-link,.nav-item.open .nav-item-head>a,.nav-item:hover .nav-item-head>.nav-link,.nav-item:hover .nav-item-head>a,.nav-item:hover>a{background:var(--brand-soft);color:var(--brand)}.nav-caret{border-top-color:var(--brand)}.dropdown{position:static;opacity:1;visibility:visible;pointer-events:auto;transform:none;box-shadow:none;border:0;display:none;padding:0 8px 8px 18px;background:transparent;min-width:0}.nav-item.open .dropdown{display:block}.dropdown a{padding:10px 12px;color:var(--muted)}}