*{box-sizing:border-box}body{color:#2f2a3a;background:linear-gradient(#bfe6f7,#fdeec8 60%);min-height:100vh;margin:0;font-family:Noto Sans HK,PingFang HK,Microsoft JhengHei,sans-serif}header{text-align:center;padding:28px 16px 8px}nav{justify-content:space-between;align-items:center;max-width:1068px;margin:0 auto 20px;display:flex}nav a{color:inherit;font-weight:800}.learnmer{align-items:center;gap:8px;text-decoration:none;display:flex}.brand{margin:0}.offer{background:#fff8e6;border:3px solid #2f2a3a;border-radius:20px;grid-template-columns:1fr auto;gap:16px 28px;padding:24px;scroll-margin-top:16px;display:grid}.offer p{line-height:1.7}.purchase{text-align:center;flex-direction:column;justify-content:center;gap:6px;display:flex}.purchase strong{font-size:42px}.buy{color:#2f2a3a;background:#ffd36b;border:3px solid #2f2a3a;border-radius:14px;padding:14px 20px;font-weight:900;text-decoration:none;display:block}.buy[aria-disabled=true]{opacity:.65}.terms{grid-column:1/-1;margin:0;font-size:13px}.tag{color:#4b4660;margin-bottom:8px;font-size:12px;font-weight:800}.tile.locked{color:#62606a;background:#e4e2df;border-color:#96919b;box-shadow:0 6px #96919b}.done{color:#246b60;margin-top:8px;font-size:13px}.progress-note{color:#4b4660;font-size:13px}#retry{font:inherit;cursor:pointer;border-radius:8px;padding:8px 14px}a:focus-visible,button:focus-visible{outline-offset:4px;outline:4px solid #165b9f}@media (width<=650px){.offer{grid-template-columns:1fr;padding:18px}h2{font-size:20px}}.brand{letter-spacing:.12em;font-family:Noto Serif HK,Songti TC,serif;font-size:clamp(40px,8vw,72px);font-weight:900}header p{margin:6px 0 14px;font-weight:700}.lang{background:#fff;border:3px solid #2f2a3a;border-radius:999px;display:inline-flex;overflow:hidden}.lang button{font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 18px;font-weight:900}.lang button.on{background:#ffd36b}main{max-width:1100px;margin:0 auto;padding:8px 16px 40px}section{margin-top:26px}h2{align-items:center;gap:10px;margin:0 0 12px;font-size:22px;display:flex}h2 .n{color:#fff;background:#2f2a3a;border-radius:999px;padding:2px 12px;font-size:16px}h2 .exam{color:#fff;background:#e2502b;border-radius:999px;padding:2px 10px;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.tile{color:inherit;text-align:center;background:#fff8e6;border:4px solid #2f2a3a;border-radius:20px;padding:14px 10px 12px;text-decoration:none;transition:transform .1s;display:block;box-shadow:0 6px #2f2a3a}.tile:active{transform:translateY(4px);box-shadow:0 2px #2f2a3a}.tile .i{letter-spacing:.08em;font-family:Noto Serif HK,Songti TC,serif;font-size:30px;font-weight:900}.tile .r{color:#6a6478;margin-top:4px;font-size:13px}.tile.off{opacity:.45;pointer-events:none;border-color:#9a96a6;box-shadow:0 6px #9a96a6}footer{text-align:center;color:#5a5468;padding:0 16px 30px;font-size:13px}