:root { color: #1d2939; background: #f7f9fc; font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
.page-shell { width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding: 64px 0 80px; }
.masthead { margin-bottom: 36px; border-bottom: 2px solid #1d2939; padding-bottom: 24px; }
.eyebrow { margin: 0 0 10px; color: #667085; font: 700 13px Arial, sans-serif; letter-spacing: 1.5px; }
h1 { margin: 0; color: #101828; font-size: 38px; font-weight: 700; line-height: 1.2; }
.test-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.test-link { min-height: 112px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #d0d5dd; border-left-width: 6px; border-radius: 6px; padding: 17px 18px; color: #101828; background: #ffffff; text-decoration: none; transition: transform 150ms ease, box-shadow 150ms ease; }
.test-link:hover, .test-link:focus-visible { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(16, 24, 40, 0.12); outline: none; }
.test-link span { color: #667085; font: 700 13px Arial, sans-serif; letter-spacing: 1px; }
.test-link strong { font-size: 20px; line-height: 1.4; }
.coral { border-left-color: #e25f45; }.teal { border-left-color: #16877b; }.gold { border-left-color: #c28a20; }.blue { border-left-color: #3a73b8; }
@media (max-width: 640px) { .page-shell { width: min(100% - 28px, 1120px); padding: 38px 0 50px; } h1 { font-size: 30px; } .test-grid { grid-template-columns: 1fr; } }