/* Four rooms, one club. Keep the site's paper / ink / gold palette. */
.club-home{padding-bottom:70px}
.club-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.club-module{position:relative;isolation:isolate;overflow:hidden;min-height:280px;padding:28px 32px;border-bottom:1px solid var(--ink);border-right:1px solid var(--ink);display:flex;flex-direction:column;transition:background .18s,box-shadow .18s}.club-module:hover{box-shadow:inset 0 0 0 3px var(--ink)}.module-index{font:11px monospace;letter-spacing:2px}.club-module h2{font-size:58px;margin:22px 0 8px;line-height:1.05;letter-spacing:-2px;z-index:1}.club-module h2>span{display:block;font-size:22px;margin-top:10px;letter-spacing:0}.club-module p{font-size:13px;z-index:1}.module-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;font-size:12px;z-index:1}.module-bottom b{font-size:28px;font-weight:400}.sing-module{background:#eadbb6}.jump-module{background:#dbe1d6}.trip-module{background:#eeeae1}.ball-module{background:var(--gold)}.trip-module s{color:#77776d;font-size:32px;text-decoration-thickness:3px}.record-art{position:absolute;width:190px;height:190px;border:45px double #222522;border-radius:50%;right:-44px;top:45px;opacity:.13}.jump-art{position:absolute;right:20px;bottom:75px;font:60px monospace;opacity:.12}.ball-art{position:absolute;right:-20px;top:0;font-size:250px;line-height:1;opacity:.12}
.club-page{padding-top:0;padding-bottom:60px}.club-page .practice,.club-page .quote{width:100%;margin:0}.club-page .quote{padding-bottom:0}
.runner{border:1px solid var(--ink);padding:24px;background:#eeece3}.runner-top{display:flex;justify-content:space-between;gap:12px;font:12px monospace}.runner-top strong{font-size:20px;margin:0 12px 0 5px}.runner-top>div>span{color:var(--muted)}#runner-canvas{display:block;width:100%;height:auto;background:#eeece3;touch-action:manipulation;margin:20px 0}.runner-actions{display:flex;gap:12px}.runner-actions button{min-height:48px;box-shadow:none}.runner p{font-size:13px;margin-bottom:0}.runner button:disabled{opacity:.4;cursor:default}.club-page :focus-visible,.club-module:focus-visible{outline:3px solid #845714;outline-offset:4px}
@media(max-width:720px){.club-modules{grid-template-columns:1fr 1fr}.club-module{min-height:230px;padding:18px 16px}.club-module h2{font-size:36px;letter-spacing:-1px}.club-module h2>span{font-size:16px}.club-module p{font-size:12px;line-height:1.6}.module-index{font-size:9px;letter-spacing:1px}.module-bottom{font-size:11px}.trip-module s{font-size:22px}.record-art{width:130px;height:130px;right:-80px}.club-page{padding-top:0}.runner{padding:14px}.runner-top{font-size:10px;flex-wrap:wrap}.runner-top strong{font-size:17px}.runner-actions{flex-wrap:wrap;gap:8px}.runner-actions .button{padding:12px 14px;font-size:12px}.runner-actions .yellow{flex:1}.club-page .practice{padding:20px 16px}.club-home{padding-bottom:36px}}

.activity-summary{font-size:12px;line-height:1.8;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}.activity-summary a{text-decoration:underline}

#runner-canvas:focus,#runner-canvas:focus-visible{outline:none;box-shadow:none}

/* Wide windows show the four destinations together, without a second row. */
@media(min-width:1000px){.club-modules{grid-template-columns:repeat(4,minmax(0,1fr))}.club-module{min-height:230px;padding:22px}.club-module h2{font-size:42px}.club-module h2>span{font-size:18px}.club-module p{margin:10px 0}.module-bottom{padding-top:12px}}
@media(max-height:700px){.club-home{padding-bottom:28px}.club-module{min-height:190px;padding:16px}.club-module h2{font-size:34px;margin:12px 0 4px}.club-module h2>span{font-size:16px;margin-top:6px}.module-bottom{padding-top:8px}}

/* 跳页的「青跳」介绍：青灰纸底，按没用过这类软件的读者讲清用途和安装步骤。 */
.qingtiao{display:grid;gap:26px;margin-top:52px;padding:32px 34px;border:1px solid var(--ink);background:#dfe9e4}
.qingtiao h2{font-size:40px;letter-spacing:-2px;margin:16px 0 4px}
.qingtiao p{font-size:13px;line-height:1.9;margin:0;color:#565b53}
.qingtiao .qingtiao-lead{font-size:16px;line-height:1.7;font-weight:600;color:#2f3a35}
.qingtiao-copy{display:grid;gap:12px;max-width:760px}
.qingtiao-foot{max-width:900px}
.qingtiao-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:4px}
.qingtiao-links{display:flex;flex-wrap:wrap;gap:8px 22px}
.qingtiao-version{font:11px monospace;letter-spacing:.6px;color:#3f4a45}
.qingtiao-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ink);border:1px solid var(--ink)}
.qingtiao-block{background:var(--paper);padding:20px 22px}
.qingtiao-block h3{font-size:13px;letter-spacing:1px;margin:0 0 14px}
.qingtiao-list{list-style:none;counter-reset:qingtiao;margin:0;padding:0;display:grid;gap:14px}
.qingtiao-list li{counter-increment:qingtiao;position:relative;padding-left:34px}
.qingtiao-list li:before{content:counter(qingtiao,decimal-leading-zero);position:absolute;left:0;top:3px;font:10px monospace;letter-spacing:1px;color:var(--muted)}
.qingtiao-list strong{display:block;font-size:14px;line-height:1.5}
.qingtiao-list p{font-size:12px;line-height:1.7}
.qingtiao-link{text-decoration:underline;text-underline-offset:6px;font-weight:700}
@media(max-width:900px){.qingtiao{gap:22px;margin-top:40px;padding:26px 24px}.qingtiao-guide{grid-template-columns:1fr}}
@media(max-width:720px){.qingtiao{margin-top:32px;padding:20px 16px;gap:18px}.qingtiao h2{font-size:30px;letter-spacing:-1px}.qingtiao p{font-size:12px}.qingtiao .qingtiao-lead{font-size:14px;line-height:1.7}.qingtiao-block{padding:16px 14px}.qingtiao-actions{gap:12px;margin-top:2px}.qingtiao-actions .button{width:100%;justify-content:center}}