:root{--green:#009600;--dark-green:#008700;--border-yellow:#e5d000;--light-gray:#f1f3f5}body{overflow-x:hidden}.page{min-height:100vh}.site-width{width:1080px;max-width:calc(100% - 30px);margin:0 auto}.top-header{background:#f4f4f4;border-top:2px solid #555;height:38px}.top-header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.top-links{gap:35px;display:flex}.top-links a{letter-spacing:.1px;color:#374151;font-size:12px;font-weight:700;line-height:1.15;text-decoration:none}.top-links a:hover{color:var(--green)}.header{background:linear-gradient(#9de2ff 0%,#c8efff 65%,#dff7ff 100%);overflow:hidden}.banner{background:linear-gradient(120deg,#fffc,#c2f2ff80,#fffc);align-items:stretch;height:168px;display:flex;position:relative}.school-logo{z-index:2;align-items:center;width:62%;padding:20px 25px;display:flex;position:relative}.logo-circle{background:#fff;border:3px solid #0067cf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:105px;height:105px;margin-right:18px;display:flex;box-shadow:0 2px 6px #00000026}.logo-circle span{font-size:60px}.school-info{text-align:center;color:#0060ac}.authority{margin-bottom:8px;font-size:16px;font-weight:700}.school-info h1{white-space:nowrap;text-shadow:1px 1px #fff,2px 2px #00000014;margin:0 0 8px;font-size:30px;font-weight:900}.school-info h1 .green{color:#139300}.school-info h1 .pink{color:#ff2876}.school-info p{margin:4px 0;font-size:14px}.banner-photo{background:linear-gradient(#ffffff4d,#ffffff4d),url(/images/banner.jpg) 50%/cover;width:38%;position:relative}.banner-photo-overlay{background:linear-gradient(90deg,#00960026,#ffffff0d);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.banner-photo-overlay span{display:none}.banner-decoration{color:#fff;opacity:.75;position:absolute}.banner-left{font-size:40px;top:25px;left:-80px}.music-boy{font-size:70px;position:absolute;bottom:15px;right:-75px}.navbar{background:#008e00;border-bottom:5px solid #ddd;height:96px}.navbar-inner{align-items:center;gap:8px;height:100%;display:flex;overflow:visible}.nav-item{color:#fff;text-align:center;border:3px solid #d9f4ff;border-radius:38px;justify-content:center;align-items:center;min-width:120px;height:70px;padding:0 16px;font-size:12px;font-weight:700;transition:all .2s;display:flex;position:relative;box-shadow:inset 0 -3px #00000014}.nav-item:hover{filter:brightness(1.08);transform:translateY(-4px)}.nav-home{background:#45b312}.nav-red{background:#ef5243}.nav-orange{background:#ff7335}.nav-blue{background:#46bce9}.nav-purple{background:#d94ce4}.nav-item.long{min-width:160px;font-size:11px}.nav-icon{margin-right:6px;font-size:22px;line-height:1}.nav-label{max-width:145px}.nav-arrow{margin-left:5px;font-size:15px;line-height:1;transform:translateY(-1px)}.info-bar{background:#e9edf1;border-bottom:1px solid #d5d5d5}.info-bar-inner{align-items:center;min-height:52px;display:flex}.current-time{color:#333;width:36%;font-size:13px}.welcome{color:#008f13;width:24%;font-size:13px;font-weight:700}.tools{align-items:center;gap:6px;width:40%;display:flex}.rss-button{color:#fff;background:#f07828;border:0;height:27px;padding:0 8px}.language-button{white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:15px;height:29px;padding:0 12px}.search-box{flex:1;height:31px;display:flex}.search-box input{border:1px solid #ddd;border-right:0;outline:none;width:100%;padding:0 12px}.search-box button{color:#fff;background:#009b13;border:0;width:44px;font-size:20px}.background-decoration{background:radial-gradient(circle at 8% 30%,#acefdca6,#0000 25%),radial-gradient(circle at 93% 34%,#ffeea799,#0000 27%),linear-gradient(#fff 0%,#f7ffff 35%,#e5f8e9 100%);min-height:1000px;position:relative}.left-decoration,.right-decoration{pointer-events:none;width:calc(50% - 540px);position:absolute;top:0;bottom:0}.left-decoration{left:0}.right-decoration{right:0}.lamp{font-size:80px;position:absolute;top:250px;right:40px}.rainbow{opacity:.25;background:radial-gradient(at 0 100%,#0000 45%,#f77 46%,#ffdf68 50%,#83db7a 54%,#7bc9ff 58%,#0000 62%);width:100%;height:500px;position:absolute;top:130px;left:0}.main-container{z-index:2;padding-top:14px;position:relative}.top-grid{grid-template-columns:2fr 1fr;gap:10px;margin-bottom:10px;display:grid}.content-grid{grid-template-columns:2fr 1fr;gap:10px;display:grid}.left-column,.right-column{flex-direction:column;gap:12px;display:flex}.section-box,.sidebar-box{background:#fffffff5;border:2px dashed #dfca00;border-radius:15px;overflow:hidden}.section-heading{border-bottom:1px solid #009c17;justify-content:space-between;align-items:center;min-height:45px;padding:0 14px;display:flex}.section-heading-left{flex-wrap:wrap;align-items:center;display:flex}.section-heading h2{color:#008f00;margin:0 12px 0 0;font-size:15px;font-weight:800}.section-tabs{font-size:12px}.section-tabs a:hover{color:#090}.separator{color:#555;margin:0 9px}.section-menu{color:#090;background:0 0;border:0;font-size:20px;font-weight:700}.section-content{padding:12px 14px 16px}.news-layout{grid-template-columns:1fr 1fr;gap:18px;display:grid}.main-news-card .image-wrapper{border-radius:7px;height:185px;overflow:hidden}.image-wrapper{background:linear-gradient(135deg,#dff8ff,#f9ffe1);width:100%;height:100%;position:relative}.image-wrapper img{object-fit:cover;width:100%;height:100%}.image-placeholder{color:#087e00;background:linear-gradient(135deg,#d7f5ff,#fff,#e5ffdd);flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.image-placeholder span{font-size:45px}.image-placeholder small{margin-top:5px;font-weight:700}.main-news-title{margin-top:8px;font-size:17px;font-weight:700;line-height:1.45;display:block}.main-news-title:hover,.small-news-info a:hover,.sidebar-item a:hover{color:#009500}.news-date{color:#8b8b8b;margin-top:7px;font-size:11px}.small-news-list{flex-direction:column;display:flex}.small-news-card{border-bottom:1px solid #ddd;grid-template-columns:130px 1fr;gap:12px;margin-bottom:12px;padding:0 0 12px;display:grid}.small-news-card:last-child{margin-bottom:0}.small-news-image{border-radius:7px;height:78px;overflow:hidden}.small-news-info a{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.sidebar-title{border-bottom:1px solid #009c17;justify-content:space-between;align-items:center;min-height:43px;padding:0 13px;display:flex}.sidebar-title h3{color:#008c00;margin:0;font-size:15px;line-height:1.5}.see-more{color:#008600;white-space:nowrap;background:#eaf9d8;border-radius:15px;padding:5px 10px;font-size:11px;font-weight:700}.sidebar-item{background:#fafafa;border-bottom:1px solid #ddd;min-height:82px;padding:14px 17px}.sidebar-item:last-child{border-bottom:0}.sidebar-item:nth-child(2n){background:#f3f3f3}.sidebar-item.yellow-item{background:#fff8ad}.sidebar-item.yellow-item:nth-child(2n){background:#f7f7f7}.sidebar-item a{font-size:14px;font-weight:700;line-height:1.5}.sidebar-news{padding:12px}.sidebar-news .small-news-card{grid-template-columns:125px 1fr}.resource-layout{grid-template-columns:1fr 1fr;gap:18px;display:grid}.emc{z-index:1000;color:#fff;background:#ff3545;border-radius:0 10px 10px 0;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:12px;font-weight:700;display:flex;position:fixed;bottom:15px;left:0}.back-to-top{color:#fff;z-index:999;background:#009a00;border:0;border-radius:50%;width:52px;height:52px;font-size:25px;position:fixed;bottom:20px;right:20px;box-shadow:0 3px 10px #00000040}.back-to-top:hover{background:#007c00}.footer{color:#fff;background:#008e00;margin-top:20px;padding:25px 0}.footer-inner{justify-content:space-between;display:flex}.footer h3{margin:0 0 10px}.footer p{margin:5px 0;font-size:13px}.footer-right{text-align:right}@media (width<=1100px){.site-width{width:96%;max-width:96%}.navbar{height:auto;padding:10px 0}.navbar-inner{flex-wrap:wrap;justify-content:center}.nav-item{min-width:130px}.school-logo{width:70%}.banner-photo{width:30%}.school-info h1{font-size:24px}.left-decoration,.right-decoration{display:none}}@media (width<=850px){.banner{height:auto;min-height:160px}.school-logo{width:100%}.banner-photo{display:none}.top-grid,.content-grid{grid-template-columns:1fr}.info-bar-inner{flex-wrap:wrap;gap:10px;padding:10px 0}.current-time,.welcome,.tools{width:100%}.tools{flex-wrap:wrap}.search-box{min-width:250px}}@media (width<=600px){.site-width{width:94%;max-width:94%}.top-header{height:32px}.top-links{gap:15px}.banner{min-height:145px}.school-logo{padding:15px 5px}.logo-circle{width:70px;height:70px;margin-right:10px}.logo-circle span{font-size:38px}.authority{font-size:11px}.school-info h1{white-space:normal;font-size:17px}.school-info p{font-size:10px}.navbar-inner{grid-template-columns:1fr 1fr;display:grid}.nav-item,.nav-item.long{width:100%;min-width:0;height:55px;font-size:10px}.news-layout,.resource-layout{grid-template-columns:1fr}.small-news-card{grid-template-columns:110px 1fr}.small-news-image{height:70px}.section-heading{padding:10px}.section-heading-left{display:block}.section-heading h2{margin-bottom:8px}.section-tabs{line-height:2}.main-news-card .image-wrapper{height:200px}.footer-inner{display:block}.footer-right{text-align:left;margin-top:20px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#111;background:#fff;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}button,input{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}button{cursor:pointer}