/* =========================================================
   NOAH AI SCHOOL SITE UI V11 FIX - 2026-06-29
   Scope: header nav, list dropdown, right floating nav, register logo, footer consistency.
========================================================= */
:root{--noah-blue:#0ea5ff;--noah-blue2:#2563eb;--noah-green:#10b981;--noah-dark:#071b3a;--noah-border:#dbeafe;--noah-shadow:0 18px 45px rgba(15,45,90,.14)}
body{overflow-x:hidden}.web_header,.headerah,.headerlg{overflow:visible!important;position:relative;z-index:9000!important}.web_header{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(15,23,42,.04)}
.web_header .headerlg{display:flex!important;align-items:center!important;gap:14px!important;min-height:86px!important}.web_header .weblogo{flex:0 0 auto!important}.web_header .weblogo a{display:block!important;width:118px!important;height:58px!important;background-size:contain!important;background-position:left center!important;background-repeat:no-repeat!important}
.web_header .webnav{display:flex!important;align-items:center!important;gap:8px!important;overflow:visible!important;width:auto!important;flex:0 0 auto!important;position:relative!important;z-index:9500!important}.web_header .webnav>li{display:block;float:none!important;position:relative!important;overflow:visible!important;height:auto!important;line-height:normal!important;z-index:9500!important}.web_header .webnav>li:hover{z-index:10080!important}
.web_header .webnav .webnavag{float:none!important;width:auto!important;height:auto!important;line-height:normal!important;overflow:visible!important;position:relative!important}.web_header .webnav .webnavtit{float:none!important;width:auto!important;height:auto!important;line-height:normal!important;overflow:visible!important}.web_header .webnav .webnavtit>a{box-sizing:border-box!important;min-width:72px!important;height:42px!important;padding:0 16px!important;border:1px solid #dbeafe!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;color:#0f172a!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 8px 18px rgba(37,99,235,.06)!important;transition:.18s ease!important;overflow:visible!important}.web_header .webnav .webnavtit>a:hover,.web_header .webnav .webnavtit>a.hover{border-color:#93c5fd!important;background:linear-gradient(135deg,#eff6ff,#fff)!important;color:#ff6b00!important;box-shadow:0 12px 25px rgba(37,99,235,.13)!important;transform:translateY(-1px)}
.web_header .webnav .webnavtit h2{margin:0!important;padding:0!important;font-size:15px!important;font-weight:800!important;line-height:1!important;color:inherit!important;max-width:none!important;width:auto!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;letter-spacing:.01em!important}.web_header .webnav .webnavtit b{position:static!important;display:inline-block!important;width:7px!important;height:7px!important;border:0!important;border-right:1.5px solid currentColor!important;border-bottom:1.5px solid currentColor!important;transform:rotate(45deg) translateY(-2px)!important;margin:0 0 0 2px!important;background:none!important;opacity:.75!important}
.web_header .webnav .web_navcb{display:none;position:absolute!important;top:calc(100% + 10px)!important;left:0!important;width:auto!important;min-width:190px!important;max-width:360px!important;height:auto!important;max-height:none!important;padding:10px!important;border:1px solid #dbeafe!important;border-radius:16px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 20px 50px rgba(15,23,42,.18)!important;z-index:10090!important;overflow:visible!important}.web_header .webnav .web_xs:hover>.web_navcb,.web_header .webnav .webnavag:hover>.web_navcb,.web_header .webnav li:hover .web_navcb{display:block!important}.web_header .webnav .web_navcb:before{content:"";position:absolute;left:24px;top:-7px;width:12px;height:12px;background:#fff;border-left:1px solid #dbeafe;border-top:1px solid #dbeafe;transform:rotate(45deg)}.web_header .webnav .web_navcb a{display:block!important;float:none!important;box-sizing:border-box!important;min-width:168px!important;width:100%!important;height:auto!important;line-height:1.35!important;margin:0!important;padding:10px 12px!important;border-radius:10px!important;color:#334155!important;font-size:14px!important;font-weight:650!important;text-align:left!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;background:transparent!important}.web_header .webnav .web_navcb a:hover{background:linear-gradient(135deg,#eff6ff,#f0f9ff)!important;color:#0b86ff!important}
.web_serch{overflow:visible!important;position:relative!important;z-index:9100!important}.web_serch form{display:flex!important;align-items:center!important}.web_serch input.text1{height:42px!important;border:1px solid #bfdbfe!important;border-radius:22px 0 0 22px!important;background:#fff!important;color:#334155!important;padding-left:18px!important}.web_serch input.submit1{display:block!important;visibility:visible!important;opacity:1!important;width:48px!important;height:42px!important;border-radius:0 22px 22px 0!important;border:0!important;background:linear-gradient(135deg,#2563eb,#22c7ff)!important;position:relative!important;cursor:pointer!important;box-shadow:0 10px 22px rgba(14,165,233,.22)!important}.web_serch input.submit1:hover{filter:brightness(1.03)}
.web-louser{display:flex!important;align-items:center!important;gap:8px!important}.web-louser li{float:none!important}.web-louser a{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:42px!important;min-width:64px!important;padding:0 18px!important;border-radius:22px!important;font-weight:800!important;text-decoration:none!important}.web-louser li:first-child a,#LoginAndReg a{background:linear-gradient(135deg,#10b981,#0ea5e9)!important;color:#fff!important;box-shadow:0 12px 24px rgba(16,185,129,.24)!important}.web-louser li:not(:first-child) a{background:#f5f7fb!important;color:#0f172a!important;border:1px solid #eef2f7!important}
.splist .top-list,.splist .web_zslist,.zslist-web,.zslist-web .warp{position:relative!important;z-index:10!important;overflow:visible!important}.splist .web_zslist{margin-top:0!important}.splist .top-list{z-index:20!important}.splist .main{position:relative!important;z-index:1!important}.zslist-web{border-radius:22px!important}.zslist-web .three.warp,.zslist-web .one.warp,.zslist-web .two.warp{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;padding:14px 24px!important;overflow:visible!important}.zslist-web .lmfl,.zslist-web .name{white-space:nowrap!important;font-weight:800!important;color:#0f172a!important}.zslist-web .items{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important}.zslist-web .items li{float:none!important;display:block!important;margin:0!important}.zslist-web .items a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:0 12px!important;border-radius:15px!important;white-space:nowrap!important;text-decoration:none!important}.zslist-web .items li.cur a{background:#d1fae5!important;color:#059669!important;border:1px solid #a7f3d0!important}
#wbLangSwitcher,.wb-lang-switcher{position:fixed!important;right:28px!important;top:214px!important;z-index:10070!important}.web_right{position:fixed!important;right:18px!important;top:300px!important;width:90px!important;z-index:9000!important;border-radius:22px!important;overflow:visible!important}.web_right .web_rightlb{width:90px!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 18px 40px rgba(15,23,42,.12)!important;border:1px solid #dbeafe!important;background:rgba(255,255,255,.96)!important}.web_right .web_rightlb li{width:90px!important;height:auto!important;margin:0!important;border-bottom:1px solid #eef6ff!important;background:transparent!important}.web_right .web_rightlb li:last-child{border-bottom:0!important}.web_right .web_rightlb li a{display:flex!important;align-items:center!important;justify-content:center!important;width:90px!important;height:52px!important;padding:0 8px!important;text-align:center!important;color:#475569!important;font-size:13px!important;font-weight:750!important;line-height:1.2!important;text-decoration:none!important;box-sizing:border-box!important}.web_right .web_rightlb li a span{display:block!important;width:100%!important;text-align:center!important;white-space:normal!important;line-height:1.25!important;margin:0!important}.web_right .web_rightlb li a:hover{background:linear-gradient(135deg,#eff6ff,#f0f9ff)!important;color:#0284c7!important}.web_right .web-xstop{width:90px!important;margin-top:8px!important;border-radius:16px!important;overflow:hidden!important;background:rgba(255,255,255,.96)!important;box-shadow:0 14px 32px rgba(15,23,42,.12)!important}.web_right .web-xstop a{display:flex!important;align-items:center!important;justify-content:center!important;height:40px!important;color:#64748b!important;text-decoration:none!important}.web_right .web-xstop span{text-align:center!important}
.register_index .mip-reg-logo img,.mip-reg-logo img{width:52px!important;height:52px!important;object-fit:contain!important}.register_index .mip-reg-logo a,.mip-reg-logo a{display:flex!important;align-items:center!important;justify-content:center!important}
.wb-footer{position:relative!important;z-index:1!important;background:linear-gradient(135deg,#06162f,#0d2d5f)!important;color:#fff!important}.wb-footer .wb-footer-inner{max-width:1200px!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.2fr 1.4fr .9fr!important;gap:26px!important;padding:56px 20px 34px!important}.wb-footer h3,.wb-footer h4{color:#fff!important}.wb-footer p,.wb-footer li{color:#e5f0ff!important;line-height:1.75!important}.wb-footer .wb-contact-card{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:20px!important;padding:22px!important;box-shadow:0 20px 45px rgba(0,0,0,.12)!important}.wb-footer .wb-line-btn,.wb-footer-legal-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:42px!important;padding:0 22px!important;border-radius:24px!important;background:linear-gradient(135deg,#10b981,#0ea5e9)!important;color:#fff!important;text-decoration:none!important;font-weight:800!important}.wb-footer .wb-footer-bottom{max-width:1200px!important;margin:0 auto!important;padding:18px 20px!important;border-top:1px solid rgba(255,255,255,.12)!important;color:#b9d8ff!important;font-size:13px!important}
@media(max-width:1200px){.web_header .headerlg{gap:8px!important}.web_header .webnav .webnavtit>a{min-width:64px!important;padding:0 12px!important}.web_serch input.text1{width:150px!important}.web_right{right:6px!important}.wb-footer .wb-footer-inner{grid-template-columns:1fr!important}.wb-lang-switcher,#wbLangSwitcher{right:12px!important}.web_right{top:310px!important}}