*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#164c68;background:radial-gradient(ellipse at 50% -10%,#fff,transparent 35%),linear-gradient(#bdefff,#61c8ed)}a{color:#145b78;text-decoration:none}.wrap{width:min(1100px,94%);margin:auto;padding:18px 0}header{display:flex;gap:12px;align-items:center;padding:10px 14px;border:1px solid #fff;border-radius:17px;background:#effffff0;box-shadow:0 3px #438aa3,0 14px 30px #17678944,inset 0 1px #fff}.brand{font-size:22px;font-weight:900;display:flex;align-items:center;gap:8px}.brand b{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 25%,#fff,#8deaff 30%,#159fd8 65%,#0872a5);box-shadow:0 3px #12698c,inset 0 3px 5px #fff}header form{display:flex;flex:1}input{width:100%;padding:10px;border:1px solid #9fc8d9;border-radius:9px;background:#fff}button,.button{padding:10px 15px;border:1px solid #0876a6;border-radius:9px;color:#fff;background:linear-gradient(#8ce9ff,#28b5e7 48%,#087db4 53%,#159bd2);font-weight:800;box-shadow:0 2px #075b83,inset 0 1px #fff}.bar{margin:9px 0;padding:8px;border-radius:8px;background:#c8f1fa;border:1px solid #fff;font-size:12px}.grid{display:grid;grid-template-columns:190px 1fr;gap:14px}.card{border:1px solid #fff;border-radius:14px;padding:17px;background:#effffff0;box-shadow:0 2px #4c91a8,0 10px 25px #17678933,inset 0 1px #fff}.card a{display:block;padding:8px;border-radius:7px}.card a:hover{background:#ffffff99}.hero{position:relative}.hero h1{font-size:30px;margin:0 0 6px;text-shadow:0 2px #fff}.hero p{color:#668998}.hero .button{display:inline-block;margin-top:7px}.q{margin-top:10px}.q h2{margin:7px 0}.q p{line-height:1.7;color:#4d7485}.q small{color:#6b8d9a}@media(max-width:700px){header{flex-wrap:wrap}header form{order:3;flex-basis:100%}.grid{display:block}.grid aside{margin-bottom:12px}.grid aside a{display:inline-block}.q{margin-top:9px}}