:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#263445;background:#f4f8fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;min-width:320px;background:#f4f8fb;font-size:14px}.banner{position:absolute;left:0;top:0;width:100%;height:100vh;overflow:hidden;pointer-events:none}.banner img{width:100%;height:100%;object-fit:cover}.cover{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(transparent,rgba(244,248,251,.65) 45%,#f4f8fb)}.topbar{position:absolute;z-index:5;top:16px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 40px));min-height:44px;display:flex;align-items:center;justify-content:space-between;color:#fff}.nav-links{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.nav-links a{color:white;text-decoration:none;text-shadow:0 1px 4px #34404b;padding:8px 10px;border-radius:6px;background:#26344535}.nav-links a:hover{background:#fff;color:#34506a;text-shadow:none}.clock{display:grid;text-align:right;text-shadow:0 1px 4px #34404b;gap:3px;white-space:nowrap}.clock strong{font-size:18px}.menu-toggle{display:none}.container{position:relative;z-index:1;width:min(1120px,calc(100% - 32px));margin:0 auto;padding-top:105px}.welcome{text-align:center;color:#fff;text-shadow:0 2px 8px #34404b;margin-bottom:28px}.welcome h1{font-size:32px;margin:0 0 8px}.welcome p{font-size:16px;margin:0}.welcome p span{font-weight:700}.announcement{height:40px;overflow:hidden;background:#fff;border-radius:6px;box-shadow:0 5px 18px #d4d4d44d;display:flex;align-items:center;white-space:nowrap;color:#52647a;margin-bottom:16px}.announcement-track{display:flex;min-width:max-content;animation:marquee 24s linear infinite}.announcement-track span{padding-right:56px}.announcement:hover .announcement-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}.link-group{background:#ffffffe8;border-radius:12px;box-shadow:0 8px 20px #d4d4d44d;margin:16px 0;padding:14px 16px 16px;scroll-margin-top:14px}.link-group h2{font-size:15px;font-weight:600;margin:0 0 8px;padding:2px 4px 10px;border-bottom:1px solid #e8edf2;color:#394d60}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:4px}.tile{min-width:0;min-height:91px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:8px;text-decoration:none;color:#526172;padding:8px 4px;transition:background .15s,transform .15s}.tile:hover{background:#edf3f6;transform:translateY(-1px)}.tile img{width:45px;height:45px;padding:4px;object-fit:contain;background:#fff;border:1px solid #e6ebef;border-radius:10px}.tile span{max-width:100%;font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer{text-align:center;color:#83909b;padding:14px 0 25px;font-size:13px}footer a{color:inherit;text-decoration:none}.back-top{position:fixed;z-index:8;right:20px;bottom:22px;width:44px;height:44px;border:1px solid #dce4e9;border-radius:50%;background:white;color:#52647a;font-size:22px;box-shadow:0 5px 16px #26344520;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}
@media(min-width:1100px){.tiles{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:760px){.topbar{top:10px;width:calc(100% - 28px);align-items:flex-start}.menu-toggle{display:grid;gap:5px;width:38px;height:38px;align-content:center;justify-items:center;border:0;border-radius:6px;background:#25354555}.menu-toggle i{display:block;width:20px;height:2px;background:#fff}.nav-links{display:none;position:absolute;left:0;top:45px;right:0;max-height:65vh;overflow:auto;background:#192633ed;border-radius:8px;padding:9px;box-shadow:0 8px 22px #16243335}.nav-links.open{display:grid;grid-template-columns:1fr}.nav-links a{background:transparent}.clock{margin-left:auto}.container{padding-top:89px;width:calc(100% - 24px)}.welcome{margin-bottom:21px}.welcome h1{font-size:25px}.welcome p{font-size:14px}.link-group{padding:12px 10px;margin:12px 0;border-radius:8px}.link-group h2{font-size:14px;line-height:1.5}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.tile{min-height:83px}.announcement{font-size:13px}}@media(max-width:380px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome h1{font-size:22px}}
