:root{--ink:#17382a;--cream:#f7f2e8;--gold:#c8964b;--soft:#e7d9c2}*{box-sizing:border-box}body{margin:0;background:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}.page{max-width:680px;margin:auto;padding:42px 20px 60px}header{padding:12px 4px 36px}header p{margin:0 0 10px;color:#997449;font-size:12px;letter-spacing:.16em}h1{font-size:42px;margin:0 0 12px;letter-spacing:.05em}header span{color:#6b766d}.section-title{display:flex;justify-content:space-between;align-items:baseline;margin:22px 2px 12px}.section-title h2{font-size:19px;margin:0}.section-title small{color:#8b8e84}.activity{border-radius:20px;padding:14px;display:flex;gap:16px;text-decoration:none;color:inherit;background:#fff;margin-bottom:16px;box-shadow:0 7px 22px #26432f12}.activity.active{border:1px solid #e4cfa8}.activity img{width:108px;height:108px;object-fit:cover;border-radius:14px}.activity b{font-size:12px;color:#a57226;background:#f7ead5;padding:4px 8px;border-radius:99px}.activity h3{margin:10px 0 7px;font-size:19px}.activity p{margin:0;color:#68766c;font-size:14px;line-height:1.55}.activity strong{display:block;margin-top:10px;color:#a26c21}.upcoming{background:#f0e8da;box-shadow:none}.icon{width:108px;height:108px;border-radius:14px;display:grid;place-items:center;background:#e3d3bc;color:#8f704b;font-size:36px}@media(max-width:420px){.section-title{display:block}.section-title small{display:block;margin-top:4px}}