*{box-sizing:border-box}body{margin:0;background:#f5f6ee;color:#233f35;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.top,main,footer{max-width:1120px;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:28px 24px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:750;letter-spacing:-.6px}.brand-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#2d5e4c;color:#fff;font-size:31px}.brand small{display:block;font-size:11px;letter-spacing:2px;font-weight:450;margin-top:3px;color:#687c70}.admin{font-size:13px;padding:10px 15px;border:1px solid #d6ddd2;border-radius:22px}.admin span{margin-left:12px}main{padding:0 24px}.intro{position:relative;padding:52px 0 40px}.eyebrow{font-size:13px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#88a15b}h1{font-size:clamp(34px,4.3vw,56px);line-height:1.35;letter-spacing:-2px;margin:20px 0}h1 span{color:#70904f}.intro p{font-size:15px;line-height:1.9;color:#718075}.intro-mark{position:absolute;right:65px;top:52px;color:#d2dcad;font-size:200px;transform:rotate(12deg);line-height:1}.section-label{display:flex;justify-content:space-between;align-items:center;margin:5px 0 19px}.section-label h2{font-size:17px;font-weight:650;margin:0}.section-label>span{font-size:12px;color:#829080}.tools{display:grid;grid-template-columns:1fr 1fr;gap:26px}.tool{display:block;background:#fff;border:1px solid #e0e5d9;border-radius:24px;overflow:hidden;transition:transform .2s,box-shadow .2s}.tool:hover{transform:translateY(-4px);box-shadow:0 12px 30px #223f3510}a:focus-visible{outline:3px solid #477663;outline-offset:5px}.art{height:215px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.board-art{background:#f1e4c8}.campus-art{background:#deeadf}.tool-body{padding:27px 30px 25px}.tag{font-size:11px;letter-spacing:1.5px;color:#8c784e}.campus .tag{color:#5c8067}.tool h2{font-size:27px;margin:12px 0}.tool p{font-size:14px;color:#7b837a;line-height:1.9;margin:0}.enter{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid #eef0e9;font-size:14px;font-weight:600}.enter span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#f4f0e5;font-size:20px}.campus .enter span{background:#edf3ea}.board-grid{display:grid;grid-template-columns:repeat(3,65px);gap:8px;padding:13px;background:#fffaf0;transform:rotate(-9deg);border-radius:16px;box-shadow:7px 9px 0 #d9c798}.board-grid i{font-style:normal;display:grid;place-items:center;height:57px;background:#e8c777;border-radius:8px;font-size:22px;color:#765d2f}.board-grid i:first-child,.board-grid i:last-child{font-size:13px;background:#97ad87;color:#fff}.board-grid i:nth-child(3){background:#e6a98c}.dice{position:absolute;font-size:79px;right:65px;bottom:13px;transform:rotate(14deg);color:#f9fcf5;text-shadow:3px 4px #9b7c47}.spark{position:absolute;left:56px;top:28px;color:#cda557;font-size:42px}.school{z-index:1;text-align:center;background:#fff7dd;border-radius:7px 7px 0 0;padding:13px 20px 0;border-top:18px solid #cd9677;box-shadow:8px 8px 0 #bacbb8;color:#7d9a87;transform:rotate(-3deg)}.school span{font-size:14px;color:#786e56}.school div{font-size:42px;letter-spacing:3px}.map-path{position:absolute;width:300px;height:250px;border:26px solid #f9f9ef;border-radius:46%;transform:rotate(-25deg);top:35px}.tree{position:absolute;font-size:86px;color:#83a57c}.t1{left:55px;bottom:15px}.t2{right:45px;top:35px;font-size:63px}.pin{position:absolute;right:115px;top:25px;background:#e5b966;border:5px solid #faf8e8;border-radius:50% 50% 50% 0;transform:rotate(-15deg);padding:7px 15px;font-size:32px;color:#fff;z-index:2}.cloud{position:absolute;left:87px;top:8px;font-size:52px;color:#f5faf0}.note{text-align:center;color:#8b957f;font-size:13px;padding:30px}.note span{padding-right:8px}footer{display:flex;justify-content:space-between;padding:22px 24px 30px;border-top:1px solid #e0e5d9;font-size:11px;color:#89937f}@media(max-width:640px){.top{padding:20px}.brand{font-size:17px}.brand small{font-size:9px}.admin{font-size:11px;padding:9px}.admin span{margin-left:4px}main{padding:0 20px}.intro{padding:30px 0}.intro-mark{right:5px;top:37px;font-size:95px;opacity:.5}.intro h1{position:relative;z-index:1;letter-spacing:-1px}.tools{grid-template-columns:1fr;gap:20px}.art{height:190px}.section-label>span{font-size:10px}.tool-body{padding:23px}.tool h2{font-size:25px}footer{margin:0 20px;padding:22px 0}.note{font-size:12px}}
.top{flex-wrap:wrap;gap:12px}.top>.brand{margin-right:auto}@media(max-width:640px){.top>.brand{flex-basis:100%}}