.boardgames-page{color:#17212c;background:#f6f7f8;min-height:100vh;font-family:Arial,Noto Sans TC,PingFang HK,Microsoft JhengHei,sans-serif}.bg-top{color:#fff;background:#142839;justify-content:space-between;align-items:center;gap:20px;padding:14px max(18px,50vw - 530px);display:flex}.bg-brand{letter-spacing:-.04em;font-size:22px;font-weight:900}.bg-brand small{opacity:.72;letter-spacing:0;margin-left:12px;font-size:13px;font-weight:600}.bg-top a{opacity:.8;font-size:13px}.bg-top a:hover,.bg-top a:focus-visible{opacity:1;text-decoration:underline}.bg-wrap{max-width:1060px;margin:auto;padding:25px 18px 80px}.bg-intro h1{letter-spacing:-.04em;margin:0 0 4px;font-size:clamp(22px,4vw,30px)}.bg-intro p{color:#63717b;margin:0;font-size:14px}.bg-controls{flex-wrap:wrap;gap:8px;margin:19px 0 16px;display:flex}.bg-controls label{color:#536675;gap:5px;font-size:12px;font-weight:700;display:grid}.bg-controls select{color:#17212c;min-width:155px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d6dde2;border-radius:7px;padding:9px 12px;font-size:13px;font-weight:700}.bg-controls label:last-child select{min-width:190px}.bg-controls select:focus-visible,.bg-more:focus-visible,.bg-detail a:focus-visible{outline-offset:2px;outline:2px solid #286d99}.bg-list{background:#fff;border:1px solid #dce2e5;border-radius:12px;overflow:hidden;box-shadow:0 8px 26px #17212c0b}.bg-head,.bg-row{grid-template-columns:42px 68px minmax(170px,1fr) 174px 88px 105px 126px 88px;align-items:center;gap:10px;display:grid}.bg-head{color:#4d5b65;background:#e9edf0;min-height:42px;padding:0 15px;font-size:12px;font-weight:800}.bg-game{border-top:1px solid #e7ebee}.bg-row{min-height:99px;padding:10px 15px}.bg-num{color:#8996a0;font-size:13px;font-weight:800}.bg-cover{object-fit:contain;background:#f2f1ed;border-radius:5px;width:60px;height:78px;padding:4px}.bg-cover-photo{justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.bg-photo-crop{flex:none;position:relative;overflow:hidden}.bg-photo-crop img{max-width:none;position:absolute}.bg-title strong{font-size:17px;line-height:1.25;display:block}.bg-title small{color:#66747d;margin-top:3px;font-size:12px;display:block}.bg-title .bg-expansion-label{color:#245a7e;margin-top:5px;font-weight:700}.bg-facts{display:contents}.bg-datum{font-size:14px;font-weight:750}.bg-datum small{color:#7a8790;font-size:11px;font-weight:500;display:none}.bg-category{color:#17212c;font-size:14px;font-weight:750;line-height:1.4}.bg-more{appearance:none;color:#245a7e;font:inherit;cursor:pointer;background:0 0;border:1px solid #d4dde3;border-radius:7px;padding:8px 9px;font-size:12px;font-weight:800}.bg-more:hover{background:#eef6fa}.bg-detail{background:#f8fafb;padding:1px 20px 20px 149px}.bg-detail p{color:#465661;margin:10px 0;line-height:1.65}.bg-detail a{color:#fff;background:#163c58;border-radius:7px;align-items:center;gap:6px;padding:10px 13px;font-size:13px;font-weight:800;display:inline-flex}.bg-detail a:hover{background:#245d82}.bg-expansion{background:#edf5f8;border-left:3px solid #2d7398;border-radius:6px;margin-top:14px;padding:13px 16px}.bg-expansion strong{font-size:14px}.bg-expansion p{margin:5px 0 10px}.bg-empty{text-align:center;color:#63717b;padding:36px 18px}.bg-note{color:#7b858b;margin:14px 2px;font-size:12px}@media (max-width:760px){.bg-head{display:none}.bg-list{border-radius:10px}.bg-row{grid-template-columns:26px 69px minmax(0,1fr);grid-template-areas:"n img title""n img facts""n img category""n img more";gap:0 9px;min-height:136px;padding:13px 10px}.bg-num{grid-area:n;align-self:start;padding-top:3px}.bg-cover{grid-area:img;align-self:start;width:62px;height:84px}.bg-cover-photo{width:60px;height:78px}.bg-title{grid-area:title;min-width:0;padding-right:3px}.bg-title strong{font-size:16px}.bg-title small{font-size:11px}.bg-facts{flex-wrap:wrap;grid-area:facts;gap:5px 13px;margin-top:7px;display:flex}.bg-datum{font-size:12px}.bg-datum:first-child{flex-basis:100%}.bg-datum small{margin-right:4px;font-size:11px;display:inline}.bg-category{grid-area:category;margin-top:6px;font-size:12px}.bg-more{grid-area:more;justify-self:start;margin-top:8px;padding:5px 9px}.bg-detail{padding:3px 15px 18px 46px}.bg-top{padding:12px 18px}.bg-brand{font-size:19px}.bg-brand small{margin-left:7px;font-size:11px}}@media (max-width:430px){.bg-row{grid-template-columns:21px 63px minmax(0,1fr)}.bg-cover{width:58px;height:80px}.bg-cover-photo{width:60px;height:78px}.bg-facts{gap:3px 13px}.bg-wrap{padding:20px 12px 60px}.bg-intro p{font-size:12px}}