:root{color:#16334b;background:#eef4f8;font-family:Segoe UI,Arial,sans-serif}body{min-height:100vh;margin:0}#app{max-width:960px;margin:0 auto;padding:60px 28px;display:block}.course-project{background:#fff;border-radius:18px;padding:44px;box-shadow:0 12px 40px #16334b14}.eyebrow{color:#007c83;letter-spacing:1px;font-size:13px;font-weight:700}h1{margin:20px 0;font-size:44px;line-height:1.1}.intro{max-width:700px;font-size:19px;line-height:1.6}dl{margin:28px 0}dl div{border-bottom:1px solid #e4ebf0;gap:24px;padding:12px 0;display:flex}dt{min-width:110px;font-weight:700}dd{margin:0}a{color:#fff;background:#087f8c;border-radius:8px;padding:14px 20px;text-decoration:none;display:inline-block}.note{color:#546b7b;margin-top:25px;line-height:1.6}@media (width<=600px){#app{padding:20px 14px}.course-project{padding:24px}h1{font-size:34px}dl div{display:block}}