.fj{--ac:#7C3AED;--ac2:#A78BFA}
.ghero{position:relative;text-align:center;padding:5svh 0 18px}
.game{position:relative;background:#fff;border-radius:28px;padding:16px;box-shadow:0 1px 2px rgba(14,17,22,.05),0 20px 50px rgba(124,58,237,.14)}
.jobs{display:flex;flex-wrap:wrap;gap:6px}.jobs button{min-height:34px;padding:0 11px;border-radius:999px;border:1.5px solid #E4E6EC;background:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer;color:var(--ink2)}.jobs button[aria-checked=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
/* 名刺 */
.card3{position:relative;margin:16px auto 6px;max-width:420px;aspect-ratio:1.75;border-radius:18px;padding:16px 18px;color:#1E1B4B;background:#fff;box-shadow:0 10px 30px rgba(76,29,149,.18),0 0 0 1px #EDE9FE;overflow:hidden;transition:transform .5s var(--ease)}
.card3 .cbg{position:absolute;inset:0;background:radial-gradient(circle at 100% 0,var(--g1,#EDE9FE),transparent 60%),radial-gradient(circle at 0 100%,var(--g2,#F5F3FF),transparent 55%);transition:all .6s}
.card3>*{position:relative}.card3.flip{animation:flip .6s var(--ease)}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}100%{transform:rotateY(0)}}
.co{margin:0;font-size:10px;font-weight:800;letter-spacing:.12em;color:#7C3AED;font-family:"JetBrains Mono",monospace}.cy{position:absolute;top:14px;right:18px;margin:0;font-size:22px;font-weight:900;font-variant-numeric:tabular-nums;color:#4C1D95}
.cn{margin:14px 0 0;font-size:12px;color:#6B7280;font-weight:700}.ct{margin:2px 0 8px;font-size:clamp(18px,5.4vw,24px);font-weight:900;line-height:1.3;min-height:1.3em}
.cs3{display:flex;flex-wrap:wrap;gap:4px}.cs3 span{font-size:10px;font-weight:800;padding:2px 8px;border-radius:99px;background:#EDE9FE;color:#5B21B6;animation:pop .3s}
.cai{position:absolute;left:18px;bottom:12px;margin:0;font-size:11px;font-weight:800;color:#7C3AED}.qr{position:absolute;right:16px;bottom:12px;width:34px;height:34px;border-radius:6px;background:repeating-linear-gradient(90deg,#4C1D95 0 3px,transparent 3px 6px),repeating-linear-gradient(0deg,#4C1D95 0 3px,transparent 3px 6px);opacity:.25}
.yr{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:12px;font-size:12px;font-weight:800;color:var(--mut)}.yr input{width:100%;accent-color:var(--ac);height:34px}
.go{display:block;width:100%;height:56px;margin-top:10px;border:0;border-radius:999px;background:var(--acg);color:#fff;font:inherit;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 10px 30px rgba(124,58,237,.3)}.go:disabled{opacity:.5}
.day{margin-top:14px}.dh{margin:0 0 6px;font-size:12px;font-weight:800;color:var(--mut)}.dbar{display:flex;height:34px;border-radius:10px;overflow:hidden;background:#F1F5F9}.dbar i{display:block;height:100%;background:var(--c);transition:flex-grow .3s var(--ease);position:relative}
.dbar i span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden}
.dbar .ai{background:repeating-linear-gradient(45deg,#EDE9FE 0 6px,#fff 6px 12px);box-shadow:inset 0 0 0 1.5px #C4B5FD}.dbar .ai span{color:#6D28D9}
.dlg{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:11px;color:var(--ink2)}.dlg span{display:inline-flex;align-items:center;gap:4px}.dlg i{width:10px;height:10px;border-radius:3px;background:var(--c)}
.tune{margin-top:12px;font-size:13px}.tune summary{cursor:pointer;font-weight:800;color:var(--ac)}.tune .tr2{display:grid;grid-template-columns:7.5em 1fr;gap:8px;align-items:center;margin-top:8px;font-size:12px;font-weight:700}
.tune .seg2{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.tune .seg2 button{height:32px;border-radius:999px;border:1.5px solid #E4E6EC;background:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.tune .seg2 button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.end{margin-top:14px;border-radius:18px;padding:14px;text-align:center;background:#F5F3FF;box-shadow:inset 0 0 0 1.5px #DDD6FE}.end .et{margin:0;font-size:12px;color:var(--ink2)}.end .eb{margin:2px 0;font-size:clamp(22px,7vw,30px);font-weight:900;line-height:1.3;color:#6D28D9}.end .es{margin:4px 0 0;font-size:13px;color:var(--ink2);line-height:1.7}
.res2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.res2 div{background:#F7F8FB;border-radius:16px;padding:14px}.res2 b{display:block;font-size:30px;font-weight:900;color:var(--ac)}.res2 span{font-size:12px;color:var(--ink2);line-height:1.6;display:block}
.ctap{color:#C9CCD6;font-size:14px;margin:0 0 16px;line-height:1.75}.cta-c h3{color:var(--ac2)}
.card3{aspect-ratio:auto;min-height:210px;padding-bottom:16px}.cai{position:static;margin:10px 0 0;padding-right:44px}