.hof-notice{font-size:11px;padding:8px 10px;line-height:1.6}
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#252936;background:#fff;color-scheme:light;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91c2ff;outline-offset:3px}
.hof-shell{max-width:680px;margin:auto;padding:0 max(14px,env(safe-area-inset-right)) calc(100px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.hof-header{min-height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f4;gap:8px}.hof-header h1{font-size:22px;margin:0}.hof-header>a{display:flex;align-items:center;gap:3px;font-size:32px;color:#367de1;width:55px}.hof-header>a span{font-size:13px}.header-balance{width:55px;flex-shrink:0}.hof-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.hof-games button{min-height:44px;border:1px solid #e5e9f1;border-radius:9px;background:#f5f7fb;color:#738093;font-weight:600}.hof-games button[aria-pressed=true]{color:#2779dd;background:#edf5ff;border-color:#a8ceff}.hof-intro{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:14px;background:linear-gradient(110deg,#f7f3ff,#f0f7ff);gap:8px}.intro-label{font-size:10px;letter-spacing:2px;color:#8b82ad}.hof-intro h2{font-size:20px;margin:7px 0}.hof-intro p{font-size:12px;color:#8b869c;margin:0}.hof-intro svg{width:70px;height:70px;flex-shrink:0}.hof-search{display:flex;gap:8px;margin:18px 0}.hof-search input{min-width:0;width:0;flex:1;border:1px solid #e6e8ed;background:#fafbfd;border-radius:8px;padding:11px;font-size:16px}.hof-search button{background:#327fe5;color:#fff;border:0;border-radius:8px;padding:0 17px}.hof-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;min-width:0}.hof-tabs button{border:0;min-height:40px;padding:8px 16px;overflow-wrap:anywhere;max-width:100%;background:#f5f6f8;color:#667184;border-radius:7px}.main-tabs button[aria-pressed=true]{background:#327fe5;color:#fff}.sub-tabs button{background:white;border:1px solid #e7eaf0;font-size:14px}.sub-tabs button[aria-pressed=true]{background:#fff1f0;color:#e34b47;border-color:#f3b9b5}.hof-filters{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:13px 0;border-bottom:1px solid #f0f1f4}.hof-filters label{font-size:13px;color:#7b8492;display:flex;align-items:center;gap:6px}.hof-filters select{max-width:135px;min-height:38px;background:#fff;border:1px solid #e7eaf0;border-radius:6px;color:#39465a;padding:5px}.hof-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:22px}.hof-list-heading h2{font-size:18px;margin:0}.hof-list-heading span{font-size:12px;color:#939aa5}.hof-notice{font-size:12px;line-height:1.8;color:#938577;background:#fffaf2;border-radius:7px;padding:10px;margin:12px 0}.hof-updated{font-size:11px;color:#979eaa;overflow-wrap:anywhere}.hof-list{display:grid;gap:15px}.hof-card{border:1px solid #e9ecf1;border-radius:12px;padding:16px;box-shadow:0 4px 16px #243d6810;min-width:0;overflow-wrap:anywhere}.card-head{display:flex;align-items:center;gap:11px}.hof-avatar{width:48px;height:48px;flex-shrink:0}.card-identity{min-width:0;flex:1}.card-identity h3{margin:0 0 5px;font-size:16px;overflow-wrap:anywhere}.card-identity p{font-size:11px;color:#9a9faa;margin:0;line-height:1.5}.lock-badge{font-size:11px;border-radius:5px;padding:5px 6px;background:#f3f4f6;color:#888f99;flex-shrink:0}.lock-badge.public{background:#edf7f1;color:#579572}.card-type{color:#8c939f;font-size:12px;margin:13px 0}.card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff8f7;padding:14px 0;border-radius:8px}.card-stat{text-align:center;min-width:0;padding:0 4px}.card-stat+.card-stat{border-left:1px solid #f1dedc}.card-stat strong{display:block;color:#e54741;font-size:21px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.card-stat span{display:block;color:#98939a;font-size:11px;margin-top:6px}.card-issue{margin:15px 0 8px;font-size:13px;font-weight:600;color:#4d5666}.card-content{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;background:#f9fafc;border-radius:7px;padding:12px;font-size:14px;line-height:1.8;color:#e24e47}.card-content.locked{font-size:13px;color:#9299a4}.hof-status{padding:24px 8px;text-align:center;color:#8b95a3;font-size:14px;line-height:1.8}.hof-status:empty{display:none}.hof-status p{margin:0 0 10px}.hof-status button,.hof-pagination button{min-height:42px;border:1px solid #cdddF5;background:#f2f7ff;color:#357bda;border-radius:7px;padding:8px 16px}.hof-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:24px 0;font-size:13px;color:#8792a3}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.bottom-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#fffffff5;border-top:1px solid #e9edf3;padding:6px max(12px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-shadow:0 -3px 16px #243d6808}.bottom-nav a{min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#959eac;font-size:12px}.bottom-nav svg{width:25px;height:25px}.bottom-nav a[aria-current=page]{color:#287ce2}.bottom-nav a:focus-visible{outline-offset:-3px}
@media(max-width:350px){.hof-header h1{font-size:20px}.hof-intro{padding:14px 12px}.hof-intro h2{font-size:17px}.hof-intro svg{width:55px;height:55px}.hof-card{padding:12px}.card-stats strong{font-size:18px}.hof-tabs button{padding:8px 12px}}
.hof-header{min-height:54px}.hof-games{margin:12px 0}.hof-games button{min-height:38px}.hof-intro{padding:10px 14px}.hof-intro h2{font-size:17px;margin:4px 0}.hof-intro svg{width:48px;height:48px}.hof-search{margin:12px 0}.hof-search input{padding:9px 11px}.hof-tabs{flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:8px 0;padding-bottom:3px;scrollbar-width:thin}.hof-tabs button{flex-shrink:0;min-height:34px;padding:6px 12px;font-size:14px}.hof-filters{padding:9px 0}.hof-disclaimer{font-size:11px;padding:8px 10px}.hof-intro .intro-label{font-size:9px}