*{box-sizing:border-box;margin:0;padding:0}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,#74b9ff,#a29bfe,#fd79a8);min-height:100vh;color:#2d3436}.page{max-width:960px;margin:0 auto;padding:24px 16px 48px;min-height:100vh}.card{background:#fffffff2;border-radius:20px;padding:20px;box-shadow:0 8px 24px #0000001f}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:999px;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none}.btn-primary{background:#6c5ce7;color:#fff}.btn-secondary{background:#dfe6e9;color:#2d3436}.input{width:100%;padding:12px 16px;border:2px solid #dfe6e9;border-radius:12px;font-size:16px;margin-bottom:12px}.input:focus{outline:none;border-color:#6c5ce7}.title{font-size:28px;font-weight:800;color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.15)}.subtitle{text-align:center;color:#ffffffe6;margin-top:8px}.grid-2{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.grid-2{grid-template-columns:1fr 1fr}}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.island-title{font-size:18px;font-weight:800;margin-bottom:12px}