.shell{max-width:960px;margin:0 auto;padding:2.5rem 1.25rem 3rem}.shell-header{text-align:center;margin-bottom:2.5rem}.shell-title{margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:.04em}.shell-lead{margin:0 auto;max-width:36rem;line-height:1.65;color:#94a3b8;font-size:.95rem}.shell-code{padding:.1em .35em;border-radius:4px;background:#0f172ad9;border:1px solid #334155;font-size:.88em}.shell-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.shell-card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.5rem 1.35rem;border-radius:14px;text-decoration:none;color:inherit;background:#1e293ba6;border:1px solid rgba(148,163,184,.25);box-shadow:0 12px 40px #00000040;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.shell-card:hover{transform:translateY(-3px);border-color:#7dd3fc73;box-shadow:0 18px 48px #00000059}.shell-card-alt:hover{border-color:#a7f3d073}.shell-card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:12px;font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#f8fafc}.shell-card-icon-alt{background:linear-gradient(135deg,#059669,#14b8a6)}.shell-card-title{margin:.25rem 0 0;font-size:1.2rem}.shell-card-desc{margin:0;flex:1;font-size:.9rem;line-height:1.55;color:#94a3b8}.shell-card-cta{margin-top:.35rem;font-size:.85rem;font-weight:600;color:#7dd3fc}.shell-card-alt .shell-card-cta{color:#6ee7b7}.shell-card-mbti:hover{border-color:#c4b5fd80;box-shadow:0 18px 48px #00000059}.shell-card-icon-mbti{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.shell-card-cta-mbti{color:#c4b5fd}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(160deg,#0f172a,#1e293b 45%,#0f172a);color:#e2e8f0}#root{min-height:100vh}