{"id":1580,"date":"2026-06-23T23:18:14","date_gmt":"2026-06-23T15:18:14","guid":{"rendered":"https:\/\/qubitledge.com\/?p=1580"},"modified":"2026-06-23T23:18:14","modified_gmt":"2026-06-23T15:18:14","slug":"%e7%91%9e%e5%85%b8%ef%bc%9a%e8%93%9d%e9%bb%84%e5%86%9b%e5%9b%a2","status":"publish","type":"post","link":"https:\/\/qubitledge.com\/index.php\/2026\/06\/23\/%e7%91%9e%e5%85%b8%ef%bc%9a%e8%93%9d%e9%bb%84%e5%86%9b%e5%9b%a2\/","title":{"rendered":"\u745e\u5178\uff1a\u84dd\u9ec4\u519b\u56e2"},"content":{"rendered":"\n\n<!DOCTYPE html>\n<html lang=\"sv\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>\u84dd\u9ec4\u519b\u56e2 \u00b7 Sweden 2026 World Cup Squad<\/title>\n<style>\n\/* ============ \u5168\u5c40\u53d8\u91cf \/ \u7403\u961f\u914d\u8272 ============ *\/\n:root{\n  --c1:#005293;          \/* \u745e\u5178\u84dd \u2014\u2014 \u4e3b\u8272\uff08\u56fd\u65d7\u84dd\/\u7403\u8863\u4e3b\u8272\uff09 *\/\n  --c1-dark:#00325e;     \/* \u4e3b\u8272\u52a0\u6df1 *\/\n  --c1-2:#004277;        \/* \u4e3b\u8272\u6b21\u6df1 *\/\n  --c2:#fecc02;          \/* \u590d\u53e4\u91d1\uff08\u56fd\u65d7\u9ec4\uff09 *\/\n  --c2-soft:#ffe066;     \/* \u6d45\u91d1 *\/\n  --c3:#fecc02;          \/* \u4eae\u8f85\u8272\uff08\u65d7\u5e1c\u9ec4\uff09 *\/\n  --ink:#2b1d10;         \/* \u6696\u58a8\u8272\u6b63\u6587 *\/\n  --paper:#fdfbf5;       \/* \u7eb8\u5f20\u5e95 *\/\n  --cream:#faf6ec;       \/* \u5361\u7247\u5e95 *\/\n  --cream-2:#f1ead6;     \/* \u5361\u7247\u6b21\u5e95 *\/\n  --line:#e0d8c2;        \/* \u5206\u9694\u7ebf *\/\n  --navy:#00325e;        \/* \u6df1\u84dd *\/\n}\n\n*{box-sizing:border-box;margin:0;padding:0}\nhtml,body{min-height:100%}\nbody{\n  font-family: Georgia, 'Times New Roman', 'Songti SC', 'STSong', serif;\n  color:var(--ink);\n  background:\n    repeating-linear-gradient(45deg, rgba(0,82,147,.022) 0 2px, transparent 2px 14px),\n    var(--paper);\n  line-height:1.6;\n}\nbutton{font-family:inherit;cursor:pointer;border:none;background:none}\nselect{font-family:inherit}\n\n\/* ============ \u9876\u90e8\u6a2a\u5e45 ============ *\/\n.banner{\n  background:var(--c1);\n  color:#fff;\n  padding:46px 20px 40px;\n  text-align:center;\n  border:6px solid var(--c2);\n  box-shadow:0 0 0 4px var(--c1-dark);\n  position:relative;\n  overflow:hidden;\n}\n.banner::before{display:none}\n.banner::after{display:none}\n.crest{\n  display:inline-flex;align-items:center;justify-content:center;\n  width:54px;height:54px;border-radius:50%;\n  background:var(--c2);\n  box-shadow:0 0 0 4px var(--c1), 0 6px 18px rgba(0,0,0,.35);\n  margin-bottom:14px;position:relative;overflow:hidden;\n}\n\/* \u2014\u2014 \u56fd\u65d7\u5fbd\u7ae0\uff1a\u745e\u5178\u84dd\u5e95 + \u9ec4\u8272\u5317\u6b27\u5341\u5b57 \u2014\u2014 *\/\n.crest .bars{\n  width:38px;height:30px;border-radius:4px;overflow:hidden;\n  position:relative;background:var(--c1);\n  box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);\n}\n.crest .bars .vbar{\n  position:absolute;top:0;bottom:0;left:32%;width:14%;background:var(--c2);\n}\n.crest .bars .hbar{\n  position:absolute;left:0;right:0;top:40%;height:20%;background:var(--c2);\n}\n.banner h1{\n  font-size:clamp(38px,6.5vw,68px);\n  letter-spacing:.04em;\n  font-weight:700;\n  line-height:1.05;\n  margin-bottom:10px;\n  text-shadow:0 2px 0 var(--c1-dark);\n}\n.banner h1 .en-name{\n  color:var(--c2-soft);\n  font-size:.62em;\n  font-style:italic;\n  font-weight:400;\n  letter-spacing:.02em;\n  display:inline-block;\n  vertical-align:middle;\n}\n.banner .sub{\n  font-style:italic;\n  color:#fff;\n  letter-spacing:.2em;\n  font-size:clamp(14px,2vw,19px);\n  text-transform:uppercase;\n  font-weight:600;\n}\n.banner .sub2{\n  color:#cfe0ff;\n  font-size:clamp(11px,1.5vw,13px);\n  letter-spacing:.1em;\n  margin-top:4px;\n}\n.banner .manager{\n  margin-top:12px;\n  font-size:13px;color:#a8c2f0;\n  letter-spacing:.1em;\n}\n.banner .manager b{color:#fff}\n\n\/* ============ \u7403\u961f\u4ecb\u7ecd\u533a ============ *\/\n.about{\n  max-width:1080px;margin:0 auto;padding:36px 22px 8px;\n}\n.about-card{\n  background:var(--cream);\n  border:1px solid var(--line);\n  border-top:4px double var(--c1);\n  padding:28px 30px 30px;\n  position:relative;\n  box-shadow:0 2px 0 rgba(0,0,0,.06);\n}\n.about-card::before{\n  content:\"EST. 1904\";\n  position:absolute;top:-13px;right:24px;\n  background:var(--paper);color:var(--c1);\n  border:1px solid var(--c1);border-radius:2px;\n  font-size:11px;letter-spacing:.2em;padding:2px 10px;font-weight:700;\n}\n.about h2{\n  color:var(--c1);font-size:22px;letter-spacing:.05em;\n  margin-bottom:6px;border-bottom:1px solid var(--line);padding-bottom:10px;\n  display:flex;align-items:center;gap:10px;\n}\n.about h2::before{content:\"\u00a7\";color:var(--c1-dark);font-style:italic;font-size:26px}\n.about p{margin:12px 0;color:#333;font-size:15.5px}\n.about .lead{font-size:16px;color:var(--ink)}\n.about .lead b{color:var(--c1)}\n\n\/* \u8363\u8a89\u6761 *\/\n.honors{\n  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));\n  gap:12px;margin-top:20px;\n}\n.honor{\n  background:#fff;border:1px solid var(--line);\n  border-left:4px solid var(--c1);\n  padding:12px 14px;\n}\n.honor .t{font-size:11px;letter-spacing:.16em;color:#8a7e5d;text-transform:uppercase}\n.honor .v{font-size:17px;color:var(--c1-dark);font-weight:700;margin-top:3px}\n.honor .v small{color:var(--c2);font-weight:600;font-size:12px;letter-spacing:.05em;display:block;margin-top:2px}\n\n\/* ============ Tab \u5bfc\u822a ============ *\/\n.tabs-wrap{\n  max-width:1080px;margin:30px auto 0;padding:0 22px;\n}\n.tabs{\n  display:flex;gap:0;border-bottom:2px solid var(--c1);\n  flex-wrap:wrap;\n}\n.tab{\n  padding:13px 26px;\n  background:var(--cream-2);color:var(--c1-dark);\n  border:1px solid var(--line);border-bottom:none;\n  font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;\n  margin-right:4px;border-radius:8px 8px 0 0;\n  transition:all .2s;position:relative;top:2px;\n}\n.tab:hover{background:#fff}\n.tab.active{\n  background:var(--c1);color:#fff;\n  border-color:var(--c1);\n}\n.tab.active::after{\n  content:\"\";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--c2);\n}\n\n\/* ============ \u5185\u5bb9\u9762\u677f ============ *\/\n.panel{\n  max-width:1080px;margin:0 auto;padding:24px 22px 60px;\n  display:none;\n}\n.panel.active{display:block;animation:fade .35s ease}\n@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}\n\n.panel-title{\n  color:var(--c1-dark);font-size:18px;letter-spacing:.06em;\n  margin-bottom:14px;display:flex;align-items:center;gap:10px;\n}\n.panel-title .bar{width:36px;height:3px;background:var(--c1)}\n\n\/* ============ \u9635\u578b\u9009\u62e9\u5668 ============ *\/\n.formation-bar{\n  display:flex;gap:10px;flex-wrap:wrap;align-items:center;\n  margin-bottom:18px;\n}\n.formation-bar .label{\n  font-size:12px;letter-spacing:.16em;color:#6a6a6a;text-transform:uppercase;font-weight:700;\n}\n.fbtn{\n  padding:8px 18px;background:#fff;border:1.5px solid var(--c1);\n  color:var(--c1-dark);font-weight:700;letter-spacing:.08em;border-radius:4px;\n  transition:all .18s;\n}\n.fbtn:hover{background:var(--cream)}\n.fbtn.on{background:var(--c1);color:#fff;border-color:var(--c1)}\n.fbtn .pos-mini{font-size:10px;color:#999;font-weight:400;letter-spacing:0;margin-left:6px}\n.fbtn.on .pos-mini{color:#cfe0ff}\n\n\/* ============ \u7403\u573a ============ *\/\n.pitch-wrap{\n  background:linear-gradient(180deg,#1c5e2e 0%,#237238 100%);\n  border:6px solid var(--c1-dark);\n  border-radius:14px;\n  padding:14px;\n  box-shadow:0 8px 24px rgba(0,0,0,.18);\n}\n.pitch{\n  position:relative;\n  width:100%;aspect-ratio:3\/4;\n  background:\n    repeating-linear-gradient(180deg, rgba(255,255,255,.04) 0 5%, rgba(255,255,255,.07) 5% 10%);\n  border:3px solid rgba(255,255,255,.85);\n  border-radius:8px;\n  overflow:hidden;\n}\n.pitch::before{\n  content:\"\";position:absolute;left:0;right:0;top:50%;height:2px;\n  background:rgba(255,255,255,.7);transform:translateY(-50%);\n}\n.center-circle{\n  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n  width:22%;aspect-ratio:1;border:2px solid rgba(255,255,255,.7);border-radius:50%;\n}\n.center-spot{\n  position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;\n  background:rgba(255,255,255,.8);transform:translate(-50%,-50%);\n}\n.penBox-top, .penBoxBot{\n  position:absolute;left:50%;transform:translateX(-50%);\n  width:50%;height:16%;\n  border:2px solid rgba(255,255,255,.7);\n  border-radius:0;\n}\n.pen-box-top{top:0;border-top:none}\n.penBoxBot{bottom:0;border-bottom:none}\n.pen-arc-top, .penArcBot{\n  position:absolute;left:50%;transform:translateX(-50%);\n  width:30%;height:9%;border:2px solid rgba(255,255,255,.7);border-radius:0;\n}\n.pen-arc-top{top:16%;border-top:none}\n.penArcBot{bottom:16%;border-bottom:none}\n\n\/* \u7403\u5458\u6807\u8bb0 *\/\n.marker{\n  position:absolute;\n  transform:translate(-50%,-50%);\n  display:flex;flex-direction:column;align-items:center;\n  cursor:pointer;z-index:2;\n}\n.marker .dot{\n  width:42px;height:42px;border-radius:50%;\n  background:var(--c1);color:#fff;\n  display:flex;align-items:center;justify-content:center;\n  font-weight:700;font-size:16px;\n  border:2px solid #fff;\n  box-shadow:0 3px 8px rgba(0,0,0,.4);\n  transition:transform .15s;\n}\n.marker:hover .dot{transform:scale(1.12)}\n.marker.captain .dot{background:var(--c2);color:var(--c1-dark);border-color:var(--c1-dark)}\n.marker.star .dot{box-shadow:0 0 0 2px var(--c2),0 3px 8px rgba(0,0,0,.4)}\n.marker .pos-tag{\n  font-size:9px;background:rgba(0,0,0,.65);color:#fff;\n  padding:1px 5px;border-radius:3px;margin-top:3px;letter-spacing:.05em;\n}\n.marker .pname{\n  font-size:10px;color:#fff;background:rgba(0,0,0,.45);\n  padding:1px 6px;border-radius:3px;margin-top:2px;max-width:80px;text-align:center;\n}\n\n\/* \u9635\u578b\u56fe\u4f8b *\/\n.legend{\n  display:flex;gap:18px;flex-wrap:wrap;align-items:center;\n  font-size:12px;color:#666;margin:12px 0 4px;\n}\n.legend .item{display:flex;align-items:center;gap:6px}\n.legend .sw{width:14px;height:14px;border-radius:50%;background:var(--c1);border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.2)}\n.legend .sw.gold{background:var(--c2)}\n.legend .sw.star{background:var(--c1);box-shadow:0 0 0 2px var(--c2),0 0 0 1px rgba(0,0,0,.2)}\n.pos-gloss{font-size:12px;color:#888;margin-top:8px;font-style:italic}\n\n\/* ============ \u9635\u5bb9\u540d\u5355 ============ *\/\n.filters{\n  display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;\n}\n.filter-btn{\n  padding:9px 18px;background:#fff;border:1.5px solid var(--line);\n  color:#555;font-weight:700;letter-spacing:.06em;border-radius:4px;font-size:13px;\n  transition:all .15s;\n}\n.filter-btn:hover{border-color:var(--c1);color:var(--c1-dark)}\n.filter-btn.on{background:var(--c1);color:#fff;border-color:var(--c1)}\n.filter-btn .cnt{font-size:11px;color:#999;margin-left:6px;font-weight:400}\n.filter-btn.on .cnt{color:#cfe0ff}\n\n.squad-grid{\n  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));\n  gap:14px;\n}\n.pcard{\n  background:#fff;border:1px solid var(--line);border-radius:6px;\n  padding:14px;cursor:pointer;transition:transform .15s,box-shadow .15s;\n  position:relative;\n}\n.pcard:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.12)}\n.pcard .num{\n  position:absolute;top:10px;right:12px;\n  font-size:24px;font-weight:700;color:var(--c2);opacity:.85;font-style:italic;\n}\n.pcard .prow1{display:flex;gap:10px;align-items:center}\n.pcard .pavatar{\n  width:46px;height:46px;border-radius:50%;\n  background:linear-gradient(135deg,var(--c1),var(--c1-dark));\n  color:#fff;display:flex;align-items:center;justify-content:center;\n  font-weight:700;font-size:14px;flex-shrink:0;overflow:hidden;\n}\n.pcard .pavatar img{width:100%;height:100%;object-fit:cover}\n.pcard .pavatar.noimg{background:linear-gradient(135deg,var(--c1),var(--c1-dark))}\n.pcard .names .en{font-size:13px;color:var(--c1-dark);font-weight:700;line-height:1.2}\n.pcard .names .zh{font-size:12px;color:#777;margin-top:2px}\n.pcard .pos-rating{display:flex;justify-content:space-between;align-items:center;margin-top:10px}\n.pcard .pos-badges{display:flex;gap:4px;flex-wrap:wrap}\n.pos-badge{\n  font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;\n  letter-spacing:.04em;\n}\n.pos-badge.GK{background:#fde68a;color:#92400e}\n.pos-badge.DEF{background:#bfdbfe;color:#1e40af}\n.pos-badge.MID{background:#bbf7d0;color:#166534}\n.pos-badge.FWD{background:#fecaca;color:#991b1b}\n.pcard .rating{font-size:18px;font-weight:700;color:var(--c1)}\n.pcard .rating small{font-size:11px;color:#999;font-weight:400}\n.pcard .club{font-size:11px;color:#888;margin-top:8px;letter-spacing:.02em}\n\n\/* ============ \u7403\u5458\u5bf9\u6bd4 ============ *\/\n.vs-wrap{padding:8px 0}\n.vs-pickers{\n  display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;\n  margin-bottom:20px;\n}\n.vs-picker{text-align:center}\n.vs-picker label{display:block;font-size:11px;letter-spacing:.16em;color:#888;text-transform:uppercase;font-weight:700;margin-bottom:8px}\n.vs-picker select{\n  width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:4px;\n  font-size:13px;color:#333;background:#fff;\n}\n.vs-badge{\n  font-size:22px;font-weight:700;color:var(--c1);font-style:italic;\n  background:#fff;border:2px solid var(--c1);border-radius:50%;\n  width:48px;height:48px;display:flex;align-items:center;justify-content:center;\n  box-shadow:0 2px 8px rgba(0,0,0,.1);\n}\n.vs-result{\n  display:grid;grid-template-columns:1fr 120px 1fr;gap:0;\n  background:#fff;border:1px solid var(--line);border-radius:8px;\n  overflow:hidden;\n}\n.vs-col{padding:18px;display:flex;flex-direction:column;gap:8px}\n.vs-col.left{border-right:1px dashed var(--line);align-items:flex-end;text-align:right}\n.vs-col.right{border-left:1px dashed var(--line);align-items:flex-start;text-align:left}\n.vs-col .num-big{font-size:32px;font-weight:700;color:var(--c2);font-style:italic;line-height:1}\n.vs-col .name{font-size:15px;color:var(--c1-dark);font-weight:700}\n.vs-col .zh{font-size:13px;color:#777}\n.vs-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 8px;background:var(--cream-2)}\n.vs-mid .label{font-size:11px;color:#999;letter-spacing:.1em;text-align:center;text-transform:uppercase;font-weight:700}\n.rating-bar-wrap{width:100%;max-width:220px}\n.rating-bar-wrap .top{display:flex;justify-content:space-between;font-size:11px;color:#888;margin-bottom:4px}\n.rating-bar-wrap .top b{color:var(--c1)}\n.rating-bar{height:8px;background:var(--cream-2);border-radius:4px;overflow:hidden}\n.rating-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--c2),var(--c1));border-radius:4px}\n.vs-attr{width:100%;max-width:240px}\n.vs-attr .k{font-size:10px;letter-spacing:.1em;color:#999;text-transform:uppercase;font-weight:700;margin-bottom:2px}\n.vs-attr .v{font-size:13px;color:#444;font-weight:600}\n\n\/* ============ \u6a21\u6001\u6846 ============ *\/\n.modal-mask{\n  position:fixed;inset:0;background:rgba(0,0,0,.55);\n  display:none;align-items:center;justify-content:center;z-index:300;\n  padding:20px;\n}\n.modal-mask.show{display:flex}\n.modal{\n  background:#fff;border-radius:10px;max-width:480px;width:100%;\n  max-height:88vh;overflow-y:auto;\n  box-shadow:0 20px 50px rgba(0,0,0,.4);\n  border-top:5px solid var(--c1);\n}\n.modal-head{\n  display:flex;gap:14px;align-items:center;\n  padding:18px 20px;border-bottom:1px solid var(--line);\n  position:relative;background:var(--cream);\n}\n.modal-head .avatar{\n  width:60px;height:60px;border-radius:50%;\n  background:linear-gradient(135deg,var(--c1),var(--c1-dark));\n  color:#fff;display:flex;align-items:center;justify-content:center;\n  font-weight:700;font-size:18px;flex-shrink:0;overflow:hidden;\n}\n.modal-head .avatar img{width:100%;height:100%;object-fit:cover}\n.modal-head .h-info .h-en{font-size:15px;color:var(--c1-dark);font-weight:700}\n.modal-head .h-info .h-zh{font-size:13px;color:#777;margin-top:2px}\n.modal-head .h-info .h-num{font-size:11px;color:#999;margin-top:4px;letter-spacing:.05em}\n.modal-close{\n  position:absolute;top:10px;right:14px;\n  font-size:26px;color:#999;line-height:1;\n}\n.modal-close:hover{color:var(--c1)}\n.modal-body{padding:18px 20px 22px}\n.modal-row{\n  display:flex;justify-content:space-between;align-items:center;\n  padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px;\n}\n.modal-row .k{color:#888;letter-spacing:.05em}\n.modal-row .v{color:#333;font-weight:600;text-align:right}\n.modal-row .rating-big{font-size:24px;color:var(--c1)}\n.modal-row .rating-big small{font-size:12px;color:#999}\n.rating-pct{margin:6px 0 4px}\n.bio{\n  margin-top:14px;padding:12px;background:var(--cream);border-radius:6px;\n  font-size:13px;color:#444;line-height:1.6;\n}\n.bio b{color:var(--c1-dark)}\n\n\/* \u9875\u811a *\/\nfooter{\n  text-align:center;padding:26px 20px;color:#777;font-size:12px;\n  border-top:1px solid var(--line);background:var(--cream);\n  letter-spacing:.06em;\n}\nfooter b{color:var(--c1-dark)}\n\n\/* ============ \u4e16\u754c\u676f\u8bf4\u660e ============ *\/\n.wc-intro{max-width:1080px;margin:0 auto;padding:30px 22px 0}\n.wc-card{\n  background:linear-gradient(135deg,#fff 0%,var(--cream) 100%);\n  border:1px solid var(--line);\n  border-top:5px solid var(--c1);\n  padding:26px 28px 24px;position:relative;\n  box-shadow:0 2px 0 rgba(0,0,0,.06);\n}\n.wc-badge{\n  position:absolute;top:-14px;right:22px;\n  background:var(--c1);color:#fff;\n  font-size:11px;letter-spacing:.2em;font-weight:700;\n  padding:4px 14px;border-radius:3px;\n  border:1px solid var(--c2);\n}\n.wc-card h2{\n  color:var(--c1-dark);font-size:21px;margin-bottom:8px;\n}\n.wc-card .lead{font-size:15.5px;color:#333;margin:8px 0 14px}\n.wc-card .lead b{color:var(--c1)}\n.wc-hosts{\n  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;\n}\n.host{\n  text-align:center;padding:12px 8px;background:#fff;border:1px solid var(--line);\n  border-radius:4px;\n}\n.host .flag{font-size:28px;display:block;margin-bottom:4px}\n.host b{display:block;color:var(--c1-dark);font-size:14px}\n.host small{color:#999;font-size:11px}\n\n\/* \u9192\u76ee\u805a\u7126\u6761\uff1a\u672c\u961f *\/\n.focus-banner{\n  margin-top:16px;\n  background:linear-gradient(135deg,var(--c1-dark) 0%,var(--c1) 55%,var(--c2) 100%);\n  border:2px solid var(--c2);\n  border-radius:8px;\n  padding:22px 24px;\n  display:flex;justify-content:space-between;align-items:center;gap:18px;\n  box-shadow:0 6px 20px rgba(0,0,0,.3);\n  position:relative;overflow:hidden;\n}\n.focus-banner::before{\n  content:\"\ud83c\udfc6\";\n  position:absolute;right:-10px;bottom:-30px;\n  font-size:130px;opacity:.10;\n}\n.focus-left{display:flex;align-items:center;gap:18px;position:relative;z-index:1}\n.focus-flag{\n  font-size:42px;line-height:1;\n  background:rgba(255,255,255,.12);border-radius:50%;\n  width:74px;height:74px;display:flex;align-items:center;justify-content:center;\n  border:2px solid var(--c2);flex-shrink:0;overflow:hidden;\n}\n.focus-flag .bars{\n  width:54px;height:42px;border-radius:5px;overflow:hidden;\n  position:relative;background:var(--c1);\n  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);\n}\n.focus-flag .bars .vbar{\n  position:absolute;top:0;bottom:0;left:32%;width:14%;background:var(--c2);\n}\n.focus-flag .bars .hbar{\n  position:absolute;left:0;right:0;top:40%;height:20%;background:var(--c2);\n}\n.focus-kicker{\n  color:var(--c2-soft);font-size:11px;letter-spacing:.22em;\n  font-weight:700;text-transform:uppercase;margin-bottom:4px;\n}\n.focus-name{\n  color:#fff;font-size:30px;font-weight:700;line-height:1;letter-spacing:.04em;\n}\n.focus-name span{\n  color:#fff;font-size:18px;font-style:italic;font-weight:400;\n  margin-left:8px;opacity:.85;letter-spacing:.1em;\n}\n.focus-desc{\n  color:#cfe0ff;font-size:13px;margin-top:6px;max-width:480px;line-height:1.5;\n}\n.focus-right{display:flex;gap:14px;position:relative;z-index:1;flex-shrink:0}\n.focus-stat{\n  text-align:center;background:rgba(255,255,255,.1);\n  border:1px solid rgba(255,255,255,.2);border-radius:6px;\n  padding:10px 14px;min-width:78px;\n}\n.focus-stat b{display:block;color:#fff;font-size:22px;line-height:1}\n.focus-stat small{color:var(--c2-soft);font-size:10px;letter-spacing:.08em;text-transform:uppercase;display:block;margin-top:4px}\n\n\/* ============ \u5386\u53f2\u6c89\u6d6e\u65f6\u95f4\u7ebf ============ *\/\n.saga{\n  margin-top:24px;padding-top:22px;border-top:2px double var(--line);\n}\n.saga h3{\n  color:var(--c1-dark);font-size:19px;margin-bottom:8px;\n  display:flex;align-items:center;gap:8px;flex-wrap:wrap;\n}\n.saga-intro{font-size:14px;color:#666;font-style:italic;margin-bottom:18px}\n.saga-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}\n.saga-era{\n  display:flex;flex-direction:column;gap:8px;align-items:flex-start;\n  padding:14px 16px;border-radius:6px;border:1px solid var(--line);background:#fff;\n}\n.saga-era.peak{border-left:4px solid var(--c2)}\n.saga-era.valley{border-left:4px solid #8a94a8;opacity:.96}\n.era-tag{font-size:11px;font-weight:700;letter-spacing:.08em;color:#fff;padding:3px 8px;border-radius:3px;text-align:center;background:var(--c1-dark)}\n.saga-era.peak .era-tag{background:var(--c1)}\n.saga-era.valley .era-tag{background:#6a7588}\n.era-title{font-size:14.5px;color:var(--c1-dark);font-weight:700;margin-bottom:4px}\n.era-desc{font-size:13px;color:#555;line-height:1.55}\n.saga-style{\n  margin-top:18px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;\n  padding:12px 14px;background:var(--cream-2);border-radius:6px;\n}\n.style-label{font-size:12px;color:#888;letter-spacing:.1em;text-transform:uppercase;font-weight:700}\n.style-tag{\n  font-size:12px;color:var(--c1-dark);font-weight:600;\n  background:#fff;border:1px solid var(--c1);\n  padding:4px 12px;border-radius:20px;\n}\n\n\/* ============ \u5386\u53f2\u4f20\u5947\u7403\u661f\u5899 ============ *\/\n.legends-card{\n  background:var(--cream);\n  border:1px solid var(--line);\n  border-top:4px double var(--c1);\n  padding:28px 28px 30px;\n  box-shadow:0 2px 0 rgba(0,0,0,.06);\n}\n.legends-head h2{\n  color:var(--c1-dark);font-size:23px;letter-spacing:.05em;\n  border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:6px;\n  display:flex;align-items:center;gap:10px;\n}\n.legends-head h2::before{content:\"\u2756\";color:var(--c2);font-size:24px}\n.legends-sub{font-size:13.5px;color:#666;font-style:italic;margin-bottom:18px}\n.legends-grid{\n  display:flex;gap:14px;overflow-x:auto;padding:4px 4px 14px;\n  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;\n}\n.legends-grid::-webkit-scrollbar{height:8px}\n.legends-grid::-webkit-scrollbar-track{background:var(--cream-2);border-radius:4px}\n.legends-grid::-webkit-scrollbar-thumb{background:var(--c1);border-radius:4px}\n.legend{flex:0 0 170px;scroll-snap-align:start}\n.legend{\n  background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;\n  transition:transform .18s,box-shadow .18s;cursor:default;\n}\n.legend:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.15)}\n.legend .photo{\n  width:100%;aspect-ratio:1;\n  display:flex;align-items:center;justify-content:center;\n  position:relative;\n  border-bottom:3px solid var(--c2);\n}\n.legend .photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}\n.ph-fallback{\n  position:absolute;inset:0;\n  display:flex;flex-direction:column;align-items:center;justify-content:center;\n  gap:4px;color:#fff;\n}\n.ph-initials{\n  font-family:Georgia,serif;font-size:38px;font-weight:700;letter-spacing:.04em;\n  color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4);\n  border:2px solid rgba(255,255,255,.4);border-radius:50%;\n  width:64px;height:64px;display:flex;align-items:center;justify-content:center;\n  background:rgba(255,255,255,.08);\n}\n.ph-icon{font-size:22px;opacity:.9}\n.legend .photo .era{\n  position:absolute;top:6px;left:6px;\n  background:var(--c1);color:#fff;font-size:10px;font-weight:700;\n  padding:2px 6px;border-radius:2px;letter-spacing:.05em;z-index:2;\n}\n.legend .lbody{padding:10px 12px 12px}\n.legend .lname{font-size:14px;color:var(--c1-dark);font-weight:700;line-height:1.25}\n.legend .lnamezh{font-size:12px;color:#888;margin-top:2px}\n.legend .ltag{\n  display:inline-block;font-size:10px;font-weight:700;\n  background:var(--c1-dark);color:#fff;padding:2px 7px;border-radius:3px;\n  letter-spacing:.05em;margin-top:8px;\n}\n.legend .lstat{font-size:11px;color:#666;margin-top:6px;line-height:1.5}\n.legend .lstat b{color:var(--c1)}\n.legend .lnote{font-size:11.5px;color:#555;margin-top:6px;line-height:1.55;font-style:italic}\n\n\/* \u7403\u5458\u5bf9\u6bd4\uff1a\u4f4d\u7f6e\u7ec4\u9009\u62e9\u6761 *\/\n.vs-group-bar{\n  background:var(--cream);border:1px solid var(--line);\n  border-left:4px solid var(--c1);\n  padding:14px 16px;border-radius:6px;\n}\n.vs-group-label{\n  display:block;font-size:11px;letter-spacing:.16em;color:#6a6a6a;\n  text-transform:uppercase;font-weight:700;margin-bottom:10px;\n}\n.vs-group-btns{display:flex;gap:8px;flex-wrap:wrap}\n.vgbtn{\n  padding:8px 16px;background:#fff;border:1.5px solid var(--line);\n  color:#555;font-weight:700;letter-spacing:.06em;border-radius:4px;font-size:13px;\n  transition:all .15s;\n}\n.vgbtn:hover{border-color:var(--c1);color:var(--c1-dark)}\n.vgbtn.on{background:var(--c1);color:#fff;border-color:var(--c1)}\n.vs-group-tip{\n  margin-top:10px;font-size:12px;color:#888;font-style:italic;\n}\n\n\/* ============ \u9876\u90e8\u5feb\u901f\u5bfc\u822a ============ *\/\n.topnav{\n  position:fixed;top:0;left:0;right:0;z-index:200;\n  display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;\n  background:var(--c1);padding:9px 14px;\n  border-bottom:3px solid var(--c2);\n  box-shadow:0 2px 10px rgba(0,0,0,.35);\n  -webkit-overflow-scrolling:touch;\n}\nbody{padding-top:54px}\n.topnav::-webkit-scrollbar{height:5px}\n.topnav::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.5);border-radius:3px}\n.topnav a{\n  flex:0 0 auto;color:#cfe0ff;text-decoration:none;font-size:13px;\n  padding:6px 13px;border-radius:20px;white-space:nowrap;\n  transition:all .15s;font-weight:600;letter-spacing:.02em;\n}\n.topnav a:hover{background:rgba(255,255,255,.15);color:#fff}\n.topnav a:active{background:var(--c1-dark);color:#fff}\n\n\/* \u54cd\u5e94\u5f0f *\/\n@media(max-width:680px){\n  .vs-pickers{grid-template-columns:1fr;gap:10px}\n  .vs-badge{margin:0 auto}\n  .vs-result{grid-template-columns:1fr}\n  .vs-col.left{border-right:none;border-bottom:1px dashed var(--line);text-align:left;align-items:flex-start}\n  .vs-mid{flex-direction:row;padding:10px}\n  .marker{width:44px}\n  .marker .dot{width:38px;height:38px;font-size:15px}\n  .marker .pname{font-size:9px;max-width:60px}\n  .tabs{flex-wrap:nowrap;border-bottom:none}\n  .tab{\n    flex:1 1 0;margin-right:0;\n    padding:12px 4px;\n    font-size:11px;letter-spacing:.06em;\n    border-radius:0;border:1px solid var(--line);\n    display:flex;align-items:center;justify-content:center;text-align:center;\n    line-height:1.3;\n  }\n  .tab:not(:last-child){border-right:none}\n  .tab.active::after{display:none}\n  .tab.active{border-color:var(--c1)}\n  .tab br{display:none}\n  .wc-hosts{grid-template-columns:1fr 1fr 1fr;gap:8px}\n  .host{padding:8px 4px}\n  .host .flag{font-size:22px}\n  .legends-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}\n  .legend .photo{font-size:36px}\n  .wc-card,.legends-card{padding:20px 16px}\n  .focus-banner{flex-direction:column;align-items:flex-start;gap:14px;padding:18px}\n  .focus-name{font-size:24px}\n  .focus-right{width:100%;justify-content:flex-start}\n  .saga-era{grid-template-columns:1fr;gap:6px}\n  .era-tag{align-self:flex-start;display:inline-block;width:auto}\n  .topnav a{font-size:12px;padding:5px 10px}\n  .legend{flex-basis:150px}\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- ===== \u9876\u90e8\u6a2a\u5e45 ===== -->\n<header class=\"banner\">\n  <div class=\"crest\" title=\"Sveriges flagg \/ \u745e\u5178\u56fd\u65d7\">\n    <div class=\"bars\">\n      <span class=\"vbar\"><\/span>\n      <span class=\"hbar\"><\/span>\n    <\/div>\n  <\/div>\n  <h1>\u745e\u5178 <span class=\"en-name\">Sweden<\/span><\/h1>\n  <div class=\"sub\">BL\u00c5GULT \u00b7 \u84dd\u9ec4\u519b\u56e2<\/div>\n  <div class=\"sub2\">2026 FIFA World Cup Squad \u00b7 \u56fd\u5bb6\u961f\u9635\u5bb9<\/div>\n  <div class=\"manager\">Head Coach \u00b7 <b>Jon Dahl Tomasson<\/b> \u00b7 \u4e3b\u6559\u7ec3 \u5bb9\u00b7\u8fbe\u5c14\u00b7\u6258\u9a6c\u68ee<\/div>\n<\/header>\n\n<!-- ===== \u5feb\u901f\u5bfc\u822a ===== -->\n<nav class=\"topnav\" id=\"topnav\">\n  <a href=\"#sec-intro\">\u8d5b\u4e8b\u4ecb\u7ecd<\/a>\n  <a href=\"#sec-about\">\u7403\u961f\u4ecb\u7ecd<\/a>\n  <a href=\"#sec-saga\">\u98ce\u683c\u6c89\u6d6e<\/a>\n  <a href=\"#sec-legends\">\u767e\u5e74\u4f20\u5947<\/a>\n  <a href=\"#sec-pitch\">\u9635\u578b\u56fe<\/a>\n  <a href=\"#sec-squad\">\u9635\u5bb9\u540d\u5355<\/a>\n  <a href=\"#sec-vs\">\u7403\u5458\u5bf9\u6bd4<\/a>\n<\/nav>\n\n<!-- ===== \u4e16\u754c\u676f\u8bf4\u660e ===== -->\n<section class=\"wc-intro\" id=\"sec-intro\">\n  <div class=\"wc-card\">\n    <div class=\"wc-badge\">2026 \u00b7 FIFA WORLD CUP<\/div>\n    <h2>\u5173\u4e8e2026\u5e74\u4e16\u754c\u676f About World Cup 2026<\/h2>\n    <p class=\"lead\">\n      <b>2026 \u5e74\u7f8e\u52a0\u58a8\u4e16\u754c\u676f\uff08FIFA World Cup 2026\uff09<\/b>\u662f\u5386\u53f2\u4e0a\u7b2c\u4e00\u5c4a\u7531\u4e09\u56fd\u8054\u5408\u4e3e\u529e\u3001\u4e14\u6269\u519b\u81f3 <b>48 \u652f\u7403\u961f<\/b>\u7684\u4e16\u754c\u676f\u3002\n    <\/p>\n    <div class=\"wc-hosts\">\n      <div class=\"host\"><span class=\"flag\">\ud83c\uddfa\ud83c\uddf8<\/span><b>\u7f8e\u56fd USA<\/b><small>11 \u5ea7\u573a\u9986<\/small><\/div>\n      <div class=\"host\"><span class=\"flag\">\ud83c\udde8\ud83c\udde6<\/span><b>\u52a0\u62ff\u5927 Canada<\/b><small>2 \u5ea7\u573a\u9986<\/small><\/div>\n      <div class=\"host\"><span class=\"flag\">\ud83c\uddf2\ud83c\uddfd<\/span><b>\u58a8\u897f\u54e5 Mexico<\/b><small>3 \u5ea7\u573a\u9986<\/small><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u9192\u76ee\u805a\u7126\u6761\uff1a\u672c\u961f -->\n  <div class=\"focus-banner\">\n    <div class=\"focus-left\">\n      <div class=\"focus-flag\"><div class=\"bars\"><span class=\"vbar\"><\/span><span class=\"hbar\"><\/span><\/div><\/div>\n      <div class=\"focus-text\">\n        <div class=\"focus-kicker\">\u672c\u9875\u805a\u7126\u7403\u961f \u00b7 FOCUS TEAM<\/div>\n        <div class=\"focus-name\">\u745e\u5178 <span>Sweden<\/span><\/div>\n        <div class=\"focus-desc\">\u5317\u6b27\u4f20\u7edf\u52b2\u65c5\uff0c1958 \u4e16\u754c\u676f\u4e9a\u519b\u300112 \u6b21\u4e16\u754c\u676f\u53c2\u8d5b\u56fd\u3002\u4f0a\u8428\u514b\u3001\u4f0a\u5170\u52a0\u3001\u5c24\u5c14\u52a0\u5fb7\u65af\u9886\u8854\u65b0\u4e00\u4ee3&#8221;\u84dd\u9ec4\u519b\u56e2&#8221;\u5728 F \u7ec4\u5bf9\u9635\u8377\u5170\u3001\u65e5\u672c\u3001\u7a81\u5c3c\u65af\uff0c\u51b2\u51fb 21 \u4e16\u7eaa\u9996\u5c4a\u4e16\u754c\u676f\u6dd8\u6c70\u8d5b\u3002<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"focus-right\">\n      <div class=\"focus-stat\"><b>1958<\/b><small>\u4e16\u754c\u676f\u4e9a\u519b<\/small><\/div>\n      <div class=\"focus-stat\"><b>12<\/b><small>\u4e16\u754c\u676f\u53c2\u8d5b<\/small><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== \u7403\u961f\u4ecb\u7ecd ===== -->\n<section class=\"about\" id=\"sec-about\">\n  <div class=\"about-card\">\n    <h2>\u84dd\u9ec4\u519b\u56e2 Bl\u00e5gult<\/h2>\n    <p class=\"lead\">\n      <b>\u745e\u5178\u56fd\u5bb6\u7537\u5b50\u8db3\u7403\u961f<\/b>\uff08Sveriges herrlandslag i fotboll\uff09\u7531\u745e\u5178\u8db3\u7403\u534f\u4f1a\uff08SvFF\uff0c1904 \u5e74\u6210\u7acb\uff09\u7ba1\u8f96\uff0c\u56e0\u84dd\u9ec4\u53cc\u8272\u7403\u8863\uff08\u6e90\u81ea\u56fd\u65d7\uff09\u88ab\u79f0\u4e3a&#8221;<b>Bl\u00e5gult<\/b>&#8220;\uff08\u745e\u5178\u8bed&#8221;\u84dd\u9ec4&#8221;\uff09\uff0c\u662f\u5317\u6b27\u8db3\u575b\u5386\u53f2\u6700\u60a0\u4e45\u7684\u4f20\u7edf\u52b2\u65c5\u4e4b\u4e00\u3002\n    <\/p>\n    <p>\n      \u745e\u5178\u8db3\u7403\u7684\u9ec4\u91d1\u65f6\u4ee3\u5c5e\u4e8e 20 \u4e16\u7eaa\u2014\u20141958 \u5e74\u672c\u571f\u4e16\u754c\u676f\uff0c<b>\u8d21\u7eb3\u5c14\u00b7\u8bfa\u8fbe\u5c14\uff08Gunnar Nordahl\uff09<\/b>\u3001<b>\u8d21\u7eb3\u5c14\u00b7\u683c\u4f26\uff08Gunnar Gren\uff09<\/b>\u3001<b>\u5c3c\u5c14\u65af\u00b7\u5229\u5fb7\u970d\u5c14\u59c6\uff08Nils Liedholm\uff09<\/b>\u7ec4\u6210\u7684&#8221;Gre-No-Li&#8221;\u4e09\u5251\u5ba2\u7387\u961f\u95ef\u5165\u51b3\u8d5b\uff0c0-2-5 \u7684\u4f20\u5947\u9635\u578b\u94f8\u5c31\u961f\u53f2\u6700\u4f73\u6218\u7ee9\u3002\u6b64\u540e\u745e\u5178\u8db3\u7403\u867d\u7ecf\u5386\u8d77\u4f0f\uff0c\u5374\u59cb\u7ec8\u662f\u4e16\u754c\u676f\u5e38\u5ba2\u2014\u20141994 \u7f8e\u56fd\u4e16\u754c\u676f\u5b63\u519b\u30012018 \u4fc4\u7f57\u65af\u4e16\u754c\u676f\u516b\u5f3a\uff08\u6dd8\u6c70\u610f\u5927\u5229\/\u745e\u58eb\/\u97e9\u56fd\uff09\u30022022 \u5361\u5854\u5c14\u4e16\u754c\u676f\u540e\uff0c\u4f0a\u5e03\u9000\u5f79\u3001\u798f\u65af\u8d1d\u91cc\u8001\u5316\uff0c\u745e\u5178\u9677\u5165\u4f4e\u8c37\u2014\u2014\u7f3a\u5e2d 2024 \u6b27\u6d32\u676f\uff0c2026 \u4e16\u754c\u676f\u9884\u9009\u8d5b\u5f00\u5c40 4 \u573a\u4ec5 1 \u5206\u4e00\u5ea6\u6fd2\u4e34\u51fa\u5c40\u3002\u4e39\u9ea6\u540d\u5e05 <b>\u5bb9\u00b7\u8fbe\u5c14\u00b7\u6258\u9a6c\u68ee<\/b>\uff08Jon Dahl Tomasson\uff09\u4e2d\u9014\u63a5\u624b\u540e\u5947\u8ff9\u822c\u626d\u8f6c\u9893\u52bf\uff0c\u901a\u8fc7\u6b27\u6d32\u9644\u52a0\u8d5b\u60ca\u9669\u664b\u7ea7\u3002\u65b0\u4e00\u4ee3&#8221;\u84dd\u9ec4\u519b\u56e2&#8221;\u4ee5 <b>\u4e9a\u5386\u5c71\u5927\u00b7\u4f0a\u8428\u514b<\/b>\uff08Alexander Isak\uff0c\u5229\u7269\u6d66\uff09\u3001<b>\u7ef4\u514b\u6258\u00b7\u5c24\u5c14\u52a0\u5fb7\u65af<\/b>\uff08Viktor Gy\u00f6keres\uff0c\u963f\u68ee\u7eb3\uff09\u3001<b>\u5b89\u4e1c\u5c3c\u00b7\u4f0a\u5170\u52a0<\/b>\uff08Anthony Elanga\uff0c\u7ebd\u5361\u65af\u5c14\uff09\u7ec4\u6210\u7684\u82f1\u8d85\u950b\u7ebf\u4e09\u53c9\u621f\u9886\u8854\uff0c\u5728 F \u7ec4\u5bf9\u9635\u8377\u5170\u3001\u65e5\u672c\u3001\u7a81\u5c3c\u65af\uff0c\u51b2\u51fb 21 \u4e16\u7eaa\u9996\u5c4a\u4e16\u754c\u676f\u6dd8\u6c70\u8d5b\u3002\n    <\/p>\n\n    <div class=\"honors\">\n      <div class=\"honor\">\n        <div class=\"t\">\u4e16\u754c\u676f\u6700\u4f73\u6218\u7ee9<\/div>\n        <div class=\"v\">\u4e9a\u519b <small>1958 \u4e3b\u573a<\/small><\/div>\n      <\/div>\n      <div class=\"honor\">\n        <div class=\"t\">\u4e16\u754c\u676f\u5b63\u519b<\/div>\n        <div class=\"v\">2 \u6b21 <small>1950 \u00b7 1994<\/small><\/div>\n      <\/div>\n      <div class=\"honor\">\n        <div class=\"t\">\u4e16\u754c\u676f\u53c2\u8d5b<\/div>\n        <div class=\"v\">13 \u6b21 <small>\u6700\u8fd1 2026<\/small><\/div>\n      <\/div>\n      <div class=\"honor\">\n        <div class=\"t\">FIFA \u4e16\u754c\u6392\u540d<\/div>\n        <div class=\"v\">\u7b2c 38 \u4f4d <small>2026 \u5e74 6 \u6708<\/small><\/div>\n      <\/div>\n    <\/div>\n\n    <span id=\"sec-saga\" style=\"display:block\"><\/span>\n    <!-- \u5386\u53f2\u98ce\u683c\u4e0e\u6c89\u6d6e -->\n    <div class=\"saga\">\n      <h3>\u84dd\u9ec4\u519b\u56e2\u767e\u5e74\u53f2\uff1a\u4ece Gre-No-Li \u4e09\u5251\u5ba2\u5230\u4f0a\u8428\u514b\u65b0\u4e00\u4ee3<\/h3>\n      <p class=\"saga-intro\">\n        \u745e\u5178\u8db3\u7403\u7684\u5386\u7a0b\uff0c\u662f\u4e00\u90e8\u5317\u6b27\u5c0f\u56fd\u4ee5\u6218\u672f\u7eaa\u5f8b\u4e0e\u8eab\u4f53\u5bf9\u6297\u5728\u4e16\u754c\u8db3\u575b\u5c79\u7acb\u4e0d\u5012\u7684\u53f2\u8bd7\u2014\u2014&#8221;Gre-No-Li&#8221;\u4e09\u5251\u5ba2\u7684\u6d6a\u6f2b\u4e0e\u4f0a\u8428\u514b\u65b0\u4e00\u4ee3\u7684\u82f1\u8d85\u950b\u7ebf\uff0c\u662f\u8fd9\u652f\u7403\u961f\u6700\u95ea\u8000\u7684\u4e24\u9762\u65d7\u5e1c\u3002\n      <\/p>\n      <div class=\"saga-timeline\">\n        <div class=\"saga-era peak\">\n          <div class=\"era-tag\">1958<\/div>\n          <div class=\"era-title\">\ud83c\udfc6 \u4e3b\u573a\u4e16\u754c\u676f\u4e9a\u519b \u961f\u53f2\u6700\u4f73<\/div>\n          <div class=\"era-desc\">1958 \u5e74\u672c\u571f\u4e16\u754c\u676f\uff0c&#8221;Gre-No-Li&#8221;\u4e09\u5251\u5ba2\uff08\u8bfa\u8fbe\u5c14\/\u683c\u4f26\/\u5229\u5fb7\u970d\u5c14\u59c6\uff09\u7387\u961f\u95ef\u5165\u51b3\u8d5b\uff0c2-5 \u60cb\u8d1f\u5df4\u897f\u2014\u2014\u961f\u53f2\u4e16\u754c\u676f\u6700\u4f73\u6218\u7ee9\uff0c\u94f8\u5c31\u5317\u6b27\u8db3\u7403\u7684\u9ec4\u91d1\u65f6\u4ee3\u3002<\/div>\n        <\/div>\n        <div class=\"saga-era peak\">\n          <div class=\"era-tag\">1994<\/div>\n          <div class=\"era-title\">\ud83e\udd49 \u7f8e\u56fd\u4e16\u754c\u676f\u5b63\u519b \u590d\u5174<\/div>\n          <div class=\"era-desc\">1994 \u7f8e\u56fd\u4e16\u754c\u676f\uff0c\u5e03\u6d1b\u6797\u3001\u8fbe\u8d6b\u6797\u3001\u5b89\u5fb7\u68ee\u9886\u519b\u95ef\u5165\u56db\u5f3a\uff08\u5b63\u519b\uff09\uff0c\u65f6\u9694 40 \u5e74\u91cd\u8fd4\u4e16\u754c\u676f\u56db\u5f3a\uff0c\u5ba3\u544a\u745e\u5178\u8db3\u7403\u590d\u5174\u3002<\/div>\n        <\/div>\n        <div class=\"saga-era valley\">\n          <div class=\"era-tag\">2000\u20132016<\/div>\n          <div class=\"era-title\">\ud83e\udd76 \u957f\u671f\u6c89\u5bc2 \u4ec5\u4f0a\u5e03\u72ec\u6491<\/div>\n          <div class=\"era-desc\">21 \u4e16\u7eaa\u521d\u745e\u5178\u8db3\u7403\u9677\u5165\u6c89\u5bc2\uff0c2002\/2006 \u4e24\u5c4a\u4e16\u754c\u676f\u6b62\u6b65\u5341\u516d\u5f3a\uff0c2008\/2012\/2016 \u4e09\u5c4a\u6b27\u6d32\u676f\u5c0f\u7ec4\u8d5b\u51fa\u5c40\uff0c\u7403\u961f\u51e0\u4e4e\u5168\u9760\u4f0a\u5e03\u4e00\u4eba\u72ec\u6491\u3002<\/div>\n        <\/div>\n        <div class=\"saga-era peak\">\n          <div class=\"era-tag\">2018<\/div>\n          <div class=\"era-title\">\ud83d\ude80 \u4fc4\u7f57\u65af\u516b\u5f3a \u540e\u4f0a\u5e03\u65f6\u4ee3<\/div>\n          <div class=\"era-desc\">2018 \u4fc4\u7f57\u65af\u4e16\u754c\u676f\uff0c\u540e\u4f0a\u5e03\u65f6\u4ee3\u7684&#8221;\u5e73\u6c11\u745e\u5178&#8221;\u5728\u9644\u52a0\u8d5b\u6dd8\u6c70\u610f\u5927\u5229\u51fa\u7ebf\uff0c\u5c0f\u7ec4\u8d5b\u529b\u538b\u5fb7\u56fd\/\u58a8\u897f\u54e5\u5934\u540d\u51fa\u7ebf\uff0c\u6dd8\u6c70\u745e\u58eb\u95ef\u5165\u516b\u5f3a\u2014\u201421 \u4e16\u7eaa\u961f\u53f2\u4e16\u754c\u676f\u6700\u4f73\u6218\u7ee9\u3002<\/div>\n        <\/div>\n        <div class=\"saga-era valley\">\n          <div class=\"era-tag\">2022\u20132025<\/div>\n          <div class=\"era-title\">\ud83e\udd76 \u4f4e\u8c37\u671f \u9884\u9009\u8d5b\u6fd2\u4e34\u51fa\u5c40<\/div>\n          <div class=\"era-desc\">\u7f3a\u5e2d 2022 \u4e16\u754c\u676f\u30012024 \u6b27\u6d32\u676f\uff0c2026 \u9884\u9009\u8d5b\u5f00\u5c40 4 \u573a\u4ec5 1 \u5206\u6fd2\u4e34\u51fa\u5c40\uff0c\u6258\u9a6c\u68ee\u63a5\u624b\u524d\u7684\u745e\u5178\u8db3\u7403\u9677\u5165\u5386\u53f2\u6700\u4f4e\u8c37\u3002<\/div>\n        <\/div>\n        <div class=\"saga-era peak\">\n          <div class=\"era-tag\">2025\u20132026<\/div>\n          <div class=\"era-title\">\ud83d\udd04 \u6258\u9a6c\u68ee\u5947\u8ff9 \u9644\u52a0\u8d5b\u664b\u7ea7<\/div>\n          <div class=\"era-desc\">\u4e39\u9ea6\u540d\u5e05\u6258\u9a6c\u68ee\u4e2d\u9014\u63a5\u624b\u540e\u5947\u8ff9\u626d\u8f6c\u9893\u52bf\uff0c\u901a\u8fc7\u6b27\u6d32\u9644\u52a0\u8d5b\u60ca\u9669\u664b\u7ea7 2026 \u4e16\u754c\u676f\uff1b\u4f0a\u8428\u514b\/\u5c24\u5c14\u52a0\u5fb7\u65af\/\u4f0a\u5170\u52a0\u82f1\u8d85\u950b\u7ebf\u4e09\u53c9\u621f\u9886\u8854\u65b0\u4e00\u4ee3\u84dd\u9ec4\u519b\u56e2\u3002<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"saga-style\">\n        <span class=\"style-label\">\u4f20\u7edf\u98ce\u683c Style\uff1a<\/span>\n        <span class=\"style-tag\">\u6218\u672f\u7eaa\u5f8b Tactical<\/span>\n        <span class=\"style-tag\">\u8eab\u4f53\u5bf9\u6297 Physical<\/span>\n        <span class=\"style-tag\">\u9ad8\u4f4d\u538b\u8feb Pressing<\/span>\n        <span class=\"style-tag\">\u5feb\u901f\u53cd\u51fb Counter-Attack<\/span>\n        <span class=\"style-tag\">\u5317\u6b27\u575a\u97e7 Nordic Grit<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== \u5386\u53f2\u4f20\u5947\u7403\u661f ===== -->\n<section class=\"about\" id=\"sec-legends\">\n  <div class=\"legends-card\">\n    <div class=\"legends-head\">\n      <h2>\u767e\u5e74\u4f20\u5947 Hall of Legends<\/h2>\n      <p class=\"legends-sub\">\u4ece&#8221;Gre-No-Li&#8221;\u4e09\u5251\u5ba2\u8bfa\u8fbe\u5c14\u3001\u683c\u4f26\u3001\u5229\u5fb7\u970d\u5c14\u59c6\uff0c\u5230\u4f0a\u5e03\u3001\u62c9\u5c14\u68ee\u3001\u5e03\u6d1b\u6797\u2014\u2014\u84dd\u9ec4\u519b\u56e2\u7684\u65d7\u5e1c\u4ee3\u4ee3\u76f8\u4f20\u3002<\/p>\n    <\/div>\n    <div class=\"legends-grid\" id=\"legendsGrid\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== Tab \u5bfc\u822a ===== -->\n<div class=\"tabs-wrap\">\n  <nav class=\"tabs\">\n    <button class=\"tab active\" data-tab=\"pitch\">\u26bd \u9635\u578b\u56fe<br>Pitch<\/button>\n    <button class=\"tab\" data-tab=\"squad\">\ud83d\udccb \u9635\u5bb9\u540d\u5355<br>Squad<\/button>\n    <button class=\"tab\" data-tab=\"vs\">\u2694\ufe0f \u7403\u5458\u5bf9\u6bd4<br>Compare<\/button>\n  <\/nav>\n<\/div>\n\n<!-- ===== Tab 1\uff1a\u9635\u578b\u56fe ===== -->\n<section class=\"panel active\" id=\"panel-pitch\" data-anchor=\"sec-pitch\">\n  <div class=\"formation-bar\">\n    <span class=\"label\">Formation \u9635\u578b\uff1a<\/span>\n    <button class=\"fbtn on\" data-f=\"433\">4-3-3<span class=\"pos-mini\">GK\u00b74\u00b73\u00b73<\/span><\/button>\n    <button class=\"fbtn\" data-f=\"4231\">4-2-3-1<span class=\"pos-mini\">GK\u00b74\u00b72\u00b73\u00b71<\/span><\/button>\n    <button class=\"fbtn\" data-f=\"343\">3-4-3<span class=\"pos-mini\">GK\u00b73\u00b74\u00b73<\/span><\/button>\n  <\/div>\n\n  <div class=\"legend\">\n    <div class=\"item\"><span class=\"sw\"><\/span>\u666e\u901a\u7403\u5458<\/div>\n    <div class=\"item\"><span class=\"sw gold\"><\/span>\u961f\u957f \/ \u9996\u53d1\u6838\u5fc3<\/div>\n    <div class=\"item\"><span class=\"sw star\"><\/span>\u5173\u952e\u4f4d\u7f6e<\/div>\n    <div class=\"item\" style=\"margin-left:auto;color:#999;font-style:italic\">\ud83d\udc46 \u70b9\u51fb\u7403\u5458\u67e5\u770b\u8be6\u7ec6\u4fe1\u606f<\/div>\n  <\/div>\n\n  <div class=\"pitch-wrap\">\n    <div class=\"pitch\" id=\"pitch\">\n      <div class=\"penBoxBot\"><\/div><div class=\"penArcBot\"><\/div>\n      <div class=\"center-circle\"><\/div><div class=\"center-spot\"><\/div>\n      <div class=\"penBoxTop\"><\/div><div class=\"pen-arc-top\"><\/div>\n      <!-- \u7403\u5458\u6807\u8bb0\u7531 JS \u6ce8\u5165 -->\n    <\/div>\n  <\/div>\n  <div class=\"pos-gloss\">\n    <b>\u4f4d\u7f6e\u7f29\u5199\uff1a<\/b> GK \u95e8\u5c06 \u00b7 CB \u4e2d\u536b \u00b7 LB \u5de6\u540e\u536b \u00b7 RB \u53f3\u540e\u536b \u00b7 CM \u4e2d\u524d\u536b \u00b7 CDM \u540e\u8170 \u00b7 CAM \u524d\u8170 \u00b7 LW \u5de6\u8fb9\u950b \u00b7 RW \u53f3\u8fb9\u950b \u00b7 ST \u524d\u950b\n  <\/div>\n<\/section>\n\n<!-- ===== Tab 2\uff1a\u9635\u5bb9\u540d\u5355 ===== -->\n<section class=\"panel\" id=\"panel-squad\" data-anchor=\"sec-squad\">\n  <div class=\"filters\" id=\"filters\">\n    <button class=\"filter-btn on\" data-f=\"ALL\">\u5168\u90e8 All<span class=\"cnt\" id=\"c-ALL\"><\/span><\/button>\n    <button class=\"filter-btn\" data-f=\"GK\">\u95e8\u5c06 GK<span class=\"cnt\" id=\"c-GK\"><\/span><\/button>\n    <button class=\"filter-btn\" data-f=\"DEF\">\u540e\u536b DEF<span class=\"cnt\" id=\"c-DEF\"><\/span><\/button>\n    <button class=\"filter-btn\" data-f=\"MID\">\u4e2d\u573a MID<span class=\"cnt\" id=\"c-MID\"><\/span><\/button>\n    <button class=\"filter-btn\" data-f=\"FWD\">\u524d\u950b FWD<span class=\"cnt\" id=\"c-FWD\"><\/span><\/button>\n  <\/div>\n  <div class=\"squad-grid\" id=\"squadGrid\"><\/div>\n<\/section>\n\n<!-- ===== Tab 3\uff1a\u7403\u5458\u5bf9\u6bd4 ===== -->\n<section class=\"panel\" id=\"panel-vs\" data-anchor=\"sec-vs\">\n  <div class=\"vs-wrap\">\n    <div class=\"vs-group-bar\">\n      <span class=\"vs-group-label\">\u5bf9\u6bd4\u4f4d\u7f6e Position Group<\/span>\n      <div class=\"vs-group-btns\">\n        <button class=\"vgbtn on\" data-g=\"FWD\">\u524d\u950b FWD<\/button>\n        <button class=\"vgbtn\" data-g=\"MID\">\u4e2d\u573a MID<\/button>\n        <button class=\"vgbtn\" data-g=\"DEF\">\u540e\u536b DEF<\/button>\n        <button class=\"vgbtn\" data-g=\"GK\">\u95e8\u5c06 GK<\/button>\n      <\/div>\n      <div class=\"vs-group-tip\" id=\"vsGroupTip\">\u53ea\u80fd\u9009\u62e9\u540c\u4e00\u4f4d\u7f6e\u7c7b\u522b\u7684\u7403\u5458\u8fdb\u884c\u5bf9\u6bd4<\/div>\n    <\/div>\n    <div class=\"vs-pickers\">\n      <div class=\"vs-picker\">\n        <label>Player A<\/label>\n        <select id=\"selA\"><\/select>\n      <\/div>\n      <div class=\"vs-badge\">VS<\/div>\n      <div class=\"vs-picker\">\n        <label>Player B<\/label>\n        <select id=\"selB\"><\/select>\n      <\/div>\n    <\/div>\n    <div id=\"vsResult\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== \u6a21\u6001\u6846 ===== -->\n<div class=\"modal-mask\" id=\"modalMask\">\n  <div class=\"modal\" id=\"modalBox\"><\/div>\n<\/div>\n\n<footer>\n  \u6570\u636e\u7efc\u5408\u81ea <b>FIFA \/ AmericaWorldCup \/ The Guardian \/ Wikipedia \/ Transfermarkt<\/b> \u7b49\u516c\u5f00\u6765\u6e90 \u00b7 \u8bc4\u5206\u4ec5\u4f9b\u4e3b\u89c2\u53c2\u8003<br>\n  \u672c\u9875\u4e3a\u7403\u8ff7\u81ea\u5236\u975e\u5546\u4e1a\u5185\u5bb9 \u00b7 \u84dd\u9ec4\u519b\u56e2 2026 \u52a0\u6cb9 \ud83c\uddf8\ud83c\uddea\n<\/footer>\n\n<script>\n\/* ============================================================\n   \u6570\u636e\u5c42\uff1a26 \u4eba\u5927\u540d\u5355\uff08AmericaWorldCup \/ FIFA \u5b98\u65b9\u6700\u7ec8\u540d\u5355\uff09\n============================================================ *\/\nconst SQUAD = [\n  \/\/ ---------- \u95e8\u5c06 ----------\n  {id:'johansson', name:'Viktor Johansson', zh:'\u7ef4\u514b\u6258\u00b7\u7ea6\u7ff0\u677e', number:1, group:'GK',\n   positions:['GK'], rating:76, club:'Stoke City', clubZh:'\u65af\u6258\u514b\u57ce', age:27,\n   star:true,\n   bio:'\u745e\u5178\u5934\u53f7\u95e8\u5c06\uff0c\u82f1\u51a0\u65af\u6258\u514b\u57ce\u95e8\u5c06\uff0c\u53cd\u5e94\u795e\u901f\u7684\u73b0\u4ee3\u5316\u51fa\u7403\u95e8\u5c06\uff0c2026 \u9884\u9009\u8d5b\u4e3b\u529b\u3002'},\n  {id:'nordfeldt', name:'Kristoffer Nordfeldt', zh:'\u514b\u91cc\u65af\u6258\u5f17\u00b7\u8bfa\u5fb7\u8d39\u5c14\u7279', number:12, group:'GK',\n   positions:['GK'], rating:73, club:'AIK', clubZh:'AIK\u7d22\u5c14\u7eb3', age:36,\n   bio:'\u745e\u5178\u56fd\u5185\u8c6a\u95e8 AIK \u7d22\u5c14\u7eb3\u8001\u5c06\u95e8\u5c06\uff0c\u524d\u65af\u65fa\u897f\u7403\u5458\uff0c\u7ecf\u9a8c\u4e30\u5bcc\u7684\u4e8c\u53f7\u95e8\u795e\u3002'},\n  {id:'zetterstrom', name:'Jacob Widell Zetterstr\u00f6m', zh:'\u96c5\u5404\u5e03\u00b7\u7ef4\u5fb7\u5c14\u00b7\u585e\u7279\u65af\u7279\u4f26', number:23, group:'GK',\n   positions:['GK'], rating:74, club:'Derby County', clubZh:'\u5fb7\u6bd4\u90e1', age:28,\n   bio:'\u82f1\u51a0\u5fb7\u6bd4\u90e1\u95e8\u5c06\uff0c\u65b0\u4e00\u4ee3\u745e\u5178\u95e8\u5c06\u50a8\u5907\u3002'},\n  \/\/ ---------- \u540e\u536b ----------\n  {id:'lindelof', name:'Victor Lindel\u00f6f', zh:'\u7ef4\u514b\u6258\u00b7\u6797\u5fb7\u52d2\u592b', number:3, group:'DEF',\n   positions:['CB'], rating:79, club:'Aston Villa', clubZh:'\u963f\u65af\u987f\u7ef4\u62c9', age:32,\n   captain:true, star:true,\n   bio:'\u745e\u5178\u961f\u957f\u517c\u9632\u7ebf\u9886\u8896\uff0c\u82f1\u8d85\u963f\u65af\u987f\u7ef4\u62c9\u4e2d\u536b\uff0c\u524d\u66fc\u8054\u529f\u52cb\uff0c\u56fd\u5bb6\u961f\u591a\u5e74\u4e3b\u529b\uff0c\u5de6\u811a\u51fa\u7403\u578b\u73b0\u4ee3\u5316\u4e2d\u536b\u3002'},\n  {id:'hien', name:'Isak Hien', zh:'\u4f0a\u8428\u514b\u00b7\u6d77\u56e0', number:4, group:'DEF',\n   positions:['CB'], rating:78, club:'Atalanta', clubZh:'\u4e9a\u7279\u5170\u5927', age:27,\n   star:true,\n   bio:'\u610f\u7532\u4e9a\u7279\u5170\u5927\u4e2d\u536b\uff0c2024 \u8f6c\u4f1a\u610f\u7532\u540e\u8fc5\u901f\u6210\u957f\u4e3a\u6b27\u6d32\u9876\u7ea7\u4e2d\u536b\u4e4b\u4e00\uff0c2026 \u9884\u9009\u8d5b\u9632\u7ebf\u6838\u5fc3\u3002'},\n  {id:'ekdal', name:'Hjalmar Ekdal', zh:'\u4e9a\u5c14\u9a6c\u00b7\u57c3\u514b\u8fbe\u5c14', number:5, group:'DEF',\n   positions:['CB'], rating:75, club:'Burnley', clubZh:'\u4f2f\u6069\u5229', age:27,\n   bio:'\u82f1\u8d85\u4f2f\u6069\u5229\u4e2d\u536b\uff0c\u524d\u6c49\u5821\u7403\u5458\uff0c\u5bf9\u6297\u5f3a\u786c\u7684\u7981\u533a\u5185\u6740\u624b\u3002'},\n  {id:'starfelt', name:'Carl Starfelt', zh:'\u5361\u5c14\u00b7\u65af\u5854\u8d39\u5c14\u7279', number:15, group:'DEF',\n   positions:['CB'], rating:75, club:'Celta Vigo', clubZh:'\u585e\u5c14\u5854', age:30,\n   bio:'\u897f\u7532\u585e\u5c14\u5854\u4e2d\u536b\uff0c\u524d\u51ef\u5c14\u7279\u4eba\u7403\u5458\uff0c\u524d\u745e\u5178\u56fd\u5185\u8054\u8d5b\u4e3b\u529b\uff0c\u7ecf\u9a8c\u4e30\u5bcc\u7684\u4e2d\u536b\u8f6e\u6362\u3002'},\n  {id:'gudmundsson', name:'Gabriel Gudmundsson', zh:'\u52a0\u5e03\u91cc\u57c3\u5c14\u00b7\u53e4\u5fb7\u8499\u5fb7\u677e', number:6, group:'DEF',\n   positions:['LB'], rating:77, club:'Leeds United', clubZh:'\u5229\u5179\u8054', age:26,\n   star:true,\n   bio:'\u82f1\u8d85\u5229\u5179\u8054\u5de6\u540e\u536b\uff0c\u524d\u91cc\u5c14\u7403\u5458\uff0c\u653b\u5b88\u517c\u5907\u7684\u73b0\u4ee3\u5316\u8fdb\u653b\u578b\u5de6\u540e\u536b\uff0c2026 \u8d5b\u5b63\u82f1\u8d85\u52a9\u653b\u738b\u5019\u9009\u4e4b\u4e00\u3002'},\n  {id:'svensson', name:'Daniel Svensson', zh:'\u4e39\u5c3c\u5c14\u00b7\u65af\u6587\u677e', number:17, group:'DEF',\n   positions:['LB','LWB'], rating:75, club:'Borussia Dortmund', clubZh:'\u591a\u7279\u8499\u5fb7', age:23,\n   bio:'\u5fb7\u7532\u591a\u7279\u8499\u5fb7\u5de6\u540e\u536b\/\u5de6\u7ffc\u536b\uff0c\u524d\u5317\u897f\u5170\u7403\u5458\uff0c2026 \u8f6c\u4f1a\u591a\u7279\u8499\u5fb7\u7684\u5e74\u8f7b\u8fb9\u536b\u3002'},\n  {id:'lagerbielke', name:'Gustaf Lagerbielke', zh:'\u53e4\u65af\u5854\u592b\u00b7\u62c9\u683c\u6bd4\u5c14\u514b', number:13, group:'DEF',\n   positions:['CB'], rating:73, club:'Braga', clubZh:'\u5e03\u62c9\u52a0', age:25,\n   bio:'\u8461\u8d85\u5e03\u62c9\u52a0\u4e2d\u536b\uff0c\u524d\u51ef\u5c14\u7279\u4eba\u7403\u5458\uff0c\u65b0\u4e00\u4ee3\u745e\u5178\u4e2d\u536b\u50a8\u5907\u3002'},\n  {id:'holm', name:'Emil Holm', zh:'\u57c3\u7c73\u5c14\u00b7\u970d\u5c14\u59c6', number:2, group:'DEF',\n   positions:['RB','RWB'], rating:74, club:'Juventus', clubZh:'\u5c24\u6587\u56fe\u65af', age:26,\n   bio:'\u610f\u7532\u5c24\u6587\u56fe\u65af\u53f3\u540e\u536b\/\u53f3\u7ffc\u536b\uff0c\u524d\u65af\u4f69\u9f50\u4e9a\u7403\u5458\uff0c\u653b\u5b88\u517c\u5907\u7684\u8fdb\u653b\u578b\u53f3\u540e\u536b\u3002'},\n  {id:'smith', name:'Eric Smith', zh:'\u57c3\u91cc\u514b\u00b7\u53f2\u5bc6\u65af', number:24, group:'DEF',\n   positions:['RB','CB'], rating:73, club:'FC St. Pauli', clubZh:'\u5723\u4fdd\u5229', age:27,\n   bio:'\u5fb7\u7532\u5723\u4fdd\u5229\u53f3\u540e\u536b\/\u4e2d\u536b\uff0c\u591a\u9762\u624b\u540e\u9632\u8f6e\u6362\u3002'},\n  {id:'stroud', name:'Elliot Stroud', zh:'\u57c3\u5229\u5965\u7279\u00b7\u65af\u7279\u52b3\u5fb7', number:25, group:'DEF',\n   positions:['CB'], rating:72, club:'Mj\u00e4llby AIF', clubZh:'\u7c73\u4e9a\u5c14\u6bd4', age:24,\n   bio:'\u745e\u5178\u56fd\u5185\u7c73\u4e9a\u5c14\u6bd4\u4e2d\u536b\uff0c\u672c\u571f\u57f9\u517b\u7684\u65b0\u751f\u4ee3\u9632\u7ebf\u50a8\u5907\u3002'},\n  \/\/ ---------- \u4e2d\u573a ----------\n  {id:'ayari', name:'Yasin Ayari', zh:'\u4e9a\u8f9b\u00b7\u963f\u4e9a\u91cc', number:8, group:'MID',\n   positions:['CM','CAM'], rating:77, club:'Brighton', clubZh:'\u5e03\u83b1\u987f', age:22,\n   star:true,\n   bio:'\u82f1\u8d85\u5e03\u83b1\u987f\u4e2d\u573a\uff0c2026 \u8d5b\u5b63\u5e03\u83b1\u987f\u4e3b\u529b\uff0c\u6280\u672f\u7ec6\u817b\u7684\u73b0\u4ee3\u5316 B2B \u4e2d\u573a\uff0c\u65b0\u4e00\u4ee3\u745e\u5178\u8db3\u7403\u7684\u5e0c\u671b\u3002'},\n  {id:'bergvall', name:'Lucas Bergvall', zh:'\u5362\u5361\u65af\u00b7\u8d1d\u91cc\u74e6\u5c14', number:18, group:'MID',\n   positions:['CM','CDM'], rating:76, club:'Tottenham Hotspur', clubZh:'\u70ed\u523a', age:19,\n   star:true,\n   bio:'\u82f1\u8d85\u70ed\u523a\u5929\u624d\u4e2d\u573a\uff0c19 \u5c81\u745e\u5178\u56fd\u811a\uff0c2024 \u8f6c\u4f1a\u70ed\u523a\u7684\u5929\u624d\u5c11\u5e74\uff0c\u65b0\u4e00\u4ee3\u745e\u5178\u8db3\u7403\u6700\u5927\u5e0c\u671b\uff0c\u6280\u672f\u7ec6\u817b\u7684\u7ec4\u7ec7\u6838\u5fc3\u3002'},\n  {id:'svanberg', name:'Mattias Svanberg', zh:'\u9a6c\u8482\u4e9a\u65af\u00b7\u65af\u4e07\u8d1d\u91cc', number:19, group:'MID',\n   positions:['CM','CDM'], rating:75, club:'VfL Wolfsburg', clubZh:'\u6c83\u5c14\u592b\u65af\u5821', age:27,\n   bio:'\u5fb7\u7532\u6c83\u5c14\u592b\u65af\u5821\u4e2d\u573a\uff0c\u524d\u535a\u6d1b\u5c3c\u4e9a\u7403\u5458\uff0c\u56fd\u5bb6\u961f\u591a\u5e74\u4e3b\u529b\u4e2d\u573a\u3002'},\n  {id:'karlstrom', name:'Jesper Karlstr\u00f6m', zh:'\u6770\u65af\u4f69\u5c14\u00b7\u5361\u5c14\u65af\u7279\u4f26', number:16, group:'MID',\n   positions:['CDM','CM'], rating:74, club:'Udinese', clubZh:'\u4e4c\u8fea\u5185\u65af', age:29,\n   bio:'\u610f\u7532\u4e4c\u8fea\u5185\u65af\u540e\u8170\uff0c\u524d\u6ce2\u5179\u5357\u83b1\u8d6b\u7403\u5458\uff0c\u9632\u5b88\u8986\u76d6\u9762\u79ef\u5927\u7684\u4e2d\u573a\u5c4f\u969c\u3002'},\n  {id:'sema', name:'Ken Sema', zh:'\u80af\u00b7\u585e\u9a6c', number:21, group:'MID',\n   positions:['LW','LM'], rating:74, club:'Pafos', clubZh:'\u5e15\u798f\u65af', age:32,\n   bio:'\u585e\u8d85\u5e15\u798f\u65af\u8fb9\u950b\/\u5de6\u4e2d\u573a\uff0c\u524d\u6c83\u7279\u798f\u5fb7\u7403\u5458\uff0c\u56fd\u5bb6\u961f\u591a\u5e74\u4e3b\u529b\u5de6\u8def\u653b\u51fb\u624b\u3002'},\n  {id:'zeneli', name:'Besfort Zeneli', zh:'\u8d1d\u65af\u798f\u7279\u00b7\u6cfd\u5185\u5229', number:14, group:'MID',\n   positions:['CAM','CM'], rating:73, club:'Union Saint-Gilloise', clubZh:'\u5723\u5409\u5c14\u8054\u5408', age:25,\n   bio:'\u6bd4\u7532\u5723\u5409\u5c14\u8054\u5408\u653b\u51fb\u578b\u4e2d\u573a\uff0c\u524d\u79d1\u7d22\u6c83\u88d4\u5f52\u5316\u745e\u5178\uff0c\u6280\u672f\u7ec6\u817b\u7684\u7ec4\u7ec7\u8005\u3002'},\n  \/\/ ---------- \u524d\u950b ----------\n  {id:'isak', name:'Alexander Isak', zh:'\u4e9a\u5386\u5c71\u5927\u00b7\u4f0a\u8428\u514b', number:9, group:'FWD',\n   positions:['ST'], rating:85, club:'Liverpool', clubZh:'\u5229\u7269\u6d66', age:26,\n   star:true,\n   bio:'\u745e\u5178\u5934\u53f7\u7403\u661f\uff0c\u82f1\u8d85\u5229\u7269\u6d66\u524d\u950b\uff0c2025 \u4ee5\u521b\u82f1\u8d85\u7eaa\u5f55\u8f6c\u4f1a\u8d39\u4ece\u7ebd\u5361\u65af\u5c14\u52a0\u76df\u5229\u7269\u6d66\uff0c\u4e16\u754c\u9876\u7ea7\u73b0\u4ee3\u5316\u4e2d\u950b\u4e4b\u4e00\uff0c\u65b0\u4e00\u4ee3\u745e\u5178\u8db3\u7403\u7684\u65d7\u5e1c\u3002'},\n  {id:'gyokeres', name:'Viktor Gy\u00f6keres', zh:'\u7ef4\u514b\u6258\u00b7\u5c24\u5c14\u52a0\u5fb7\u65af', number:11, group:'FWD',\n   positions:['ST'], rating:83, club:'Arsenal', clubZh:'\u963f\u68ee\u7eb3', age:27,\n   star:true,\n   bio:'\u82f1\u8d85\u963f\u68ee\u7eb3\u524d\u950b\uff0c2025 \u4ece\u8461\u8404\u7259\u4f53\u80b2\u4ee5\u5929\u4ef7\u8f6c\u4f1a\u8d39\u52a0\u76df\u963f\u68ee\u7eb3\u7684\u9ad8\u6548\u5c04\u624b\uff0c\u524d\u8003\u6587\u5782\/\u91cc\u65af\u672c\u7ade\u6280\u7403\u5458\uff0c2024-25 \u8461\u8d85\u91d1\u9774\uff0c\u65b0\u4e00\u4ee3\u745e\u5178\u950b\u7ebf\u6838\u5fc3\u3002'},\n  {id:'elanga', name:'Anthony Elanga', zh:'\u5b89\u4e1c\u5c3c\u00b7\u4f0a\u5170\u52a0', number:7, group:'FWD',\n   positions:['RW','LW'], rating:79, club:'Newcastle United', clubZh:'\u7ebd\u5361\u65af\u5c14', age:24,\n   star:true,\n   bio:'\u82f1\u8d85\u7ebd\u5361\u65af\u5c14\u8fb9\u950b\uff0c\u524d\u66fc\u8054\u9752\u8bad\u4ea7\u54c1\uff0c\u901f\u5ea6\u4e0e\u7a81\u7834\u4ff1\u4f73\u7684\u53f3\u811a\u7206\u70b9\uff0c2026 \u8d5b\u5b63\u7ebd\u5361\u65af\u5c14\u4e3b\u529b\uff0c\u5580\u9ea6\u9686\u88d4\u5f52\u5316\u745e\u5178\u3002'},\n  {id:'nygren', name:'Benjamin Nygren', zh:'\u672c\u6770\u660e\u00b7\u5c3c\u683c\u4f26', number:22, group:'FWD',\n   positions:['RW','CAM'], rating:74, club:'Celtic', clubZh:'\u51ef\u5c14\u7279\u4eba', age:24,\n   bio:'\u82cf\u8d85\u51ef\u5c14\u7279\u4eba\u8fb9\u950b\/\u524d\u8170\uff0c\u524d\u5317\u897f\u5170\u7403\u5458\uff0c\u6280\u672f\u7ec6\u817b\u7684\u73b0\u4ee3\u5316\u653b\u51fb\u578b\u7403\u5458\u3002'},\n  {id:'bernhardsson', name:'Alexander Bernhardsson', zh:'\u4e9a\u5386\u5c71\u5927\u00b7\u4f2f\u6069\u54c8\u5fb7\u677e', number:20, group:'FWD',\n   positions:['LW','ST'], rating:73, club:'Holstein Kiel', clubZh:'\u8377\u5c14\u65af\u6cf0\u56e0\u57fa\u5c14', age:26,\n   bio:'\u5fb7\u7532\u8377\u5c14\u65af\u6cf0\u56e0\u57fa\u5c14\u8fb9\u950b\/\u524d\u950b\uff0c\u901f\u5ea6\u578b\u4e24\u6816\u653b\u51fb\u624b\u3002'},\n  {id:'ali', name:'Taha Ali', zh:'\u5854\u54c8\u00b7\u963f\u91cc', number:10, group:'FWD',\n   positions:['CAM','LW'], rating:73, club:'Malm\u00f6 FF', clubZh:'\u9a6c\u5c14\u9ed8', age:24,\n   bio:'\u745e\u5178\u56fd\u5185\u8c6a\u95e8\u9a6c\u5c14\u9ed8\u653b\u51fb\u578b\u4e2d\u573a\/\u8fb9\u950b\uff0c\u9ece\u5df4\u5ae9\u88d4\u5f52\u5316\u745e\u5178\uff0c\u672c\u571f\u57f9\u517b\u7684\u65b0\u751f\u4ee3\u653b\u51fb\u624b\u3002'},\n  {id:'nilsson', name:'Gustaf Nilsson', zh:'\u53e4\u65af\u5854\u592b\u00b7\u5c3c\u5c14\u677e', number:26, group:'FWD',\n   positions:['ST'], rating:73, club:'Club Brugge', clubZh:'\u5e03\u9c81\u65e5', age:27,\n   bio:'\u6bd4\u7532\u5e03\u9c81\u65e5\u9ad8\u4e2d\u950b\uff0c\u652f\u70b9\u578b\u62a2\u70b9\u6740\u624b\uff0c\u8001\u5c06\u950b\u7ebf\u8f6e\u6362\u3002'},\n];\n\n\/* ============================================================\n   \u5386\u53f2\u4f20\u5947\u7403\u661f\n   photo: \u7559\u7a7a\u5219\u81ea\u52a8 fallback \u5230\u9996\u5b57\u6bcd+\u56fe\u6807\u5360\u4f4d\n   accent: \u5360\u4f4d\u6e10\u53d8\u5e95\u8272\uff0c\u53d6\u745e\u5178\u6df1\u84dd #00325e\n============================================================ *\/\nconst LEGENDS = [\n  {id:'ibrahimovic', name:'Zlatan Ibrahimovi\u0107', zh:'\u5179\u62c9\u5766\u00b7\u4f0a\u5e03\u62c9\u5e0c\u83ab\u7ef4\u5947', era:'2001-2023',\n   initials:'ZI', icon:'\u26bd', accent:'#00325e',\n   photo:'https:\/\/picgo-feitong.oss-cn-shanghai.aliyuncs.com\/pictures_home\/20260619174603068.jpg',\n   photoPos:'center 18%',\n   wiki:'https:\/\/en.wikipedia.org\/wiki\/Zlatan_Ibrahimovi%C4%87',\n   tag:'\u5179\u62c9\u5766 \/ \u961f\u53f2\u5c04\u624b\u738b',\n   stat:'122 \u573a\u56fd\u5bb6\u961f 62 \u7403 \u00b7 \u524d\u7c73\u5170\/\u5df4\u9ece\u5723\u65e5\u8033\u66fc',\n   note:'\u745e\u5178\u8db3\u7403\u53f2\u4e0a\u6700\u4f1f\u5927\u7684\u7403\u5458\uff0c\u524d AC \u7c73\u5170\/\u5df4\u9ece\u5723\u65e5\u8033\u66fc\/\u5df4\u585e\u7f57\u90a3\/\u66fc\u8054\u4f20\u5947\u524d\u950b\uff0c\u56fd\u5bb6\u961f\u5386\u53f2\u5c04\u624b\u738b\uff0862 \u7403\uff09\uff0c\"\u5179\u62c9\u5766\u5f0f\"\u874e\u5b50\u6446\u5c3e\/\u8d85\u8fdc\u5012\u94a9\u95fb\u540d\u4e16\u754c\uff0c2023 \u5e74 41 \u5c81\u9000\u5f79\u3002'},\n  {id:'nordahl', name:'Gunnar Nordahl', zh:'\u8d21\u7eb3\u5c14\u00b7\u8bfa\u8fbe\u5c14', era:'1942-1948',\n   initials:'GN', icon:'\ud83c\udfc6', accent:'#00325e',\n   photo:'https:\/\/picgo-feitong.oss-cn-shanghai.aliyuncs.com\/pictures_home\/20260619174603069.jpg',\n   photoPos:'center 18%',\n   wiki:'https:\/\/en.wikipedia.org\/wiki\/Gunnar_Nordahl',\n   tag:'Gre-No-Li \/ AC \u7c73\u5170\u4f20\u5947',\n   stat:'33 \u573a\u56fd\u5bb6\u961f 43 \u7403 \u00b7 \u524d\u7c73\u5170\u5386\u53f2\u5c04\u624b\u738b',\n   note:'\u745e\u5178\u8db3\u7403\u7684\u5f00\u62d3\u8005\uff0c\"Gre-No-Li\"\u4e09\u5251\u5ba2\u4e4b\u9996\uff0c\u524d AC \u7c73\u5170\u5386\u53f2\u5c04\u624b\u738b\uff08210 \u7403\uff09\uff0c1958 \u4e16\u754c\u676f\u7387\u961f\u95ef\u5165\u51b3\u8d5b\u7684\u6838\u5fc3\uff0c\u610f\u7532\u5386\u53f2\u6700\u4f73\u5916\u7c4d\u5c04\u624b\u4e4b\u4e00\u3002'},\n  {id:'gren', name:'Gunnar Gren', zh:'\u8d21\u7eb3\u5c14\u00b7\u683c\u4f26', era:'1940-1958',\n   initials:'GG', icon:'\ud83e\udde0', accent:'#00325e',\n   photo:'https:\/\/picgo-feitong.oss-cn-shanghai.aliyuncs.com\/pictures_home\/20260619174603070.jpg',\n   photoPos:'center 18%',\n   wiki:'https:\/\/en.wikipedia.org\/wiki\/Gunnar_Gren',\n   tag:'Gre-No-Li \/ \u5927\u5e08\u524d\u8170',\n   stat:'57 \u573a\u56fd\u5bb6\u961f 32 \u7403 \u00b7 \u524d\u7c73\u5170\/\u4f5b\u7f57\u4f26\u8428',\n   note:'\"Gre-No-Li\"\u4e09\u5251\u5ba2\u4e4b\u4e00\uff0c\u524d AC \u7c73\u5170\/\u4f5b\u7f57\u4f26\u8428\u4f20\u5947\u524d\u8170\uff0c1958 \u4e16\u754c\u676f\u4e9a\u519b\u529f\u52cb\uff0c\u745e\u5178\u8db3\u7403\u53f2\u4e0a\u6700\u4f1f\u5927\u7684\u7ec4\u7ec7\u6838\u5fc3\u3002'},\n  {id:'liedholm', name:'Nils Liedholm', zh:'\u5c3c\u5c14\u65af\u00b7\u5229\u5fb7\u970d\u5c14\u59c6', era:'1947-1958',\n   initials:'NL', icon:'\ud83c\udfaf', accent:'#00325e',\n   photo:'https:\/\/picgo-feitong.oss-cn-shanghai.aliyuncs.com\/pictures_home\/20260619174603071.jpg',\n   photoPos:'center 18%',\n   wiki:'https:\/\/en.wikipedia.org\/wiki\/Nils_Liedholm',\n   tag:'Gre-No-Li \/ \u7f57\u9a6c\u4f20\u5947',\n   stat:'23 \u573a\u56fd\u5bb6\u961f 12 \u7403 \u00b7 \u524d\u7c73\u5170\/\u7f57\u9a6c',\n   note:'\"Gre-No-Li\"\u4e09\u5251\u5ba2\u4e4b\u4e00\uff0c\u524d AC \u7c73\u5170\/\u7f57\u9a6c\u4f20\u5947\u4e2d\u573a\uff0c1958 \u4e16\u754c\u676f\u4e9a\u519b\u529f\u52cb\uff0c\u4ee5\u4f20\u7403\u7cbe\u51c6\u8457\u79f0\u7684\"\u65e0\u5931\u8bef\u4e4b\u738b\"\u3002'},\n  {id:'larsson', name:'Henrik Larsson', zh:'\u4ea8\u91cc\u514b\u00b7\u62c9\u5c14\u68ee', era:'1993-2009',\n   initials:'HL', icon:'\u26a1', accent:'#00325e',\n   photo:'https:\/\/picgo-feitong.oss-cn-shanghai.aliyuncs.com\/pictures_home\/20260619174603072.jpg',\n   photoPos:'center 18%',\n   wiki:'https:\/\/en.wikipedia.org\/wiki\/Henrik_Larsson',\n   tag:'\u6b27\u51a0\u529f\u52cb \/ \u51ef\u5c14\u7279\u4eba\u4f20\u5947',\n   stat:'106 \u573a\u56fd\u5bb6\u961f 37 \u7403 \u00b7 \u524d\u51ef\u5c14\u7279\u4eba\/\u5df4\u8428',\n   note:'\u745e\u5178\u8db3\u7403\"\u9ec4\u91d1\u4e00\u4ee3\"\u7684\u65d7\u5e1c\uff0c\u524d\u51ef\u5c14\u7279\u4eba\u4f20\u5947\u5c04\u624b\/\u5df4\u585e\u7f57\u90a3 2009 \u6b27\u51a0\u593a\u51a0\u529f\u52cb\uff0c2002\/2006 \u4e24\u5c4a\u4e16\u754c\u676f\u529f\u52cb\uff0c\u56fd\u5bb6\u961f\u5386\u53f2\u5c04\u624b\u699c\u524d\u5217\u3002'},\n  {id:'brolin', name:'Thomas Brolin', zh:'\u6258\u9a6c\u65af\u00b7\u5e03\u6d1b\u6797', era:'1990-1995',\n   initials:'TB', icon:'\u26bd', accent:'#00325e',\n   photo:'https:\/\/picgo-feitong.oss-cn-shanghai.aliyuncs.com\/pictures_home\/20260619174603073.jpg',\n   photoPos:'center 18%',\n   wiki:'https:\/\/en.wikipedia.org\/wiki\/Thomas_Brolin',\n   tag:'1994 \u4e16\u754c\u676f\u5b63\u519b\u529f\u52cb',\n   stat:'47 \u573a\u56fd\u5bb6\u961f 26 \u7403 \u00b7 \u524d\u5e15\u5c14\u9a6c\/\u5229\u5179\u8054',\n   note:'1994 \u7f8e\u56fd\u4e16\u754c\u676f\u5b63\u519b\u529f\u52cb\uff0c\u524d\u5e15\u5c14\u9a6c\/\u5229\u5179\u8054\u524d\u950b\uff0c1994 \u4e16\u754c\u676f\u534a\u51b3\u8d5b\u5bf9\u5df4\u897f\u7684\u5173\u952e\u5148\u751f\uff0c\u745e\u5178\u8db3\u7403\"\u9ec4\u91d1\u4e00\u4ee3\"\u7684\u4ee3\u8868\u3002'},\n  {id:'forsberg', name:'Emil Forsberg', zh:'\u57c3\u7c73\u5c14\u00b7\u798f\u65af\u8d1d\u91cc', era:'2014-2024',\n   initials:'EF', icon:'\ud83c\udfaf', accent:'#00325e',\n   photo:'https:\/\/picgo-feitong.oss-cn-shanghai.aliyuncs.com\/pictures_home\/20260619174603074.jpg',\n   photoPos:'center 18%',\n   wiki:'https:\/\/en.wikipedia.org\/wiki\/Emil_Forsberg',\n   tag:'2018 \u516b\u5f3a\u529f\u52cb \/ \u83b1\u6bd4\u9521\u4f20\u5947',\n   stat:'90+ \u573a\u56fd\u5bb6\u961f 20+ \u7403 \u00b7 \u524d\u83b1\u6bd4\u9521\u7ea2\u725b',\n   note:'2018 \u4fc4\u7f57\u65af\u4e16\u754c\u676f\u516b\u5f3a\u529f\u52cb\uff0c\u524d RB \u83b1\u6bd4\u9521\u4f20\u5947\u524d\u8170\uff0c2018 \u4e16\u754c\u676f\u5bf9\u745e\u58eb 1\/8 \u51b3\u8d5b\u52a0\u65f6\u5236\u80dc\u7403\u529f\u81e3\uff0c\u540e\u4f0a\u5e03\u65f6\u4ee3\u7684\u745e\u5178\u8db3\u7403\u65d7\u5e1c\u3002'},\n  {id:'andersson', name:'Martin Dahlin', zh:'\u9a6c\u4e01\u00b7\u8fbe\u8d6b\u6797', era:'1991-1999',\n   initials:'MD', icon:'\ud83d\ude80', accent:'#00325e',\n   photo:'https:\/\/picgo-feitong.oss-cn-shanghai.aliyuncs.com\/pictures_home\/20260619174603075.jpg',\n   photoPos:'center 18%',\n   wiki:'https:\/\/en.wikipedia.org\/wiki\/Martin_Dahlin',\n   tag:'1994 \u4e16\u754c\u676f\u5b63\u519b\u5c04\u624b',\n   stat:'60 \u573a\u56fd\u5bb6\u961f 26 \u7403 \u00b7 \u524d\u95e8\u5174\/\u7f57\u9a6c',\n   note:'1994 \u7f8e\u56fd\u4e16\u754c\u676f\u5b63\u519b\u529f\u52cb\u5c04\u624b\uff0c\u524d\u95e8\u5174\/\u7f57\u9a6c\/\u6c49\u5821\u524d\u950b\uff0c\u4e0e\u5e03\u6d1b\u6797\u7ec4\u6210\u7684\u745e\u5178\u950b\u7ebf\u642d\u6863\u95fb\u540d\u4e16\u754c\uff0c1990 \u5e74\u4ee3\u745e\u5178\u8db3\u7403\u7684\u4ee3\u8868\u3002'},\n];\n\n\/* ============================================================\n   \u5de5\u5177\u51fd\u6570 \u2014\u2014 \u8de8\u961f\u901a\u7528\uff0c\u52ff\u6539\n============================================================ *\/\nconst $ = (s,p=document)=>p.querySelector(s);\nconst $$ = (s,p=document)=>[...p.querySelectorAll(s)];\nconst byId = id => SQUAD.find(p=>p.id===id);\nconst groupZh = {GK:'\u95e8\u5c06',DEF:'\u540e\u536b',MID:'\u4e2d\u573a',FWD:'\u524d\u950b'};\n\nfunction renderLegends(){\n  $('#legendsGrid').innerHTML = LEGENDS.map(l=>`\n    <div class=\"legend\">\n      <div class=\"photo\" style=\"background:linear-gradient(135deg,${l.accent},#1a1410)\">\n        ${l.photo\n          ? `<img decoding=\"async\" src=\"${l.photo}\" alt=\"${l.name}\" style=\"object-position:${l.photoPos||'center 20%'}\" onerror=\"this.style.display='none';this.parentNode.querySelector('.ph-fallback').style.display='flex'\">\n             <div class=\"ph-fallback\" style=\"display:none\">\n               <div class=\"ph-initials\">${l.initials}<\/div>\n               <div class=\"ph-icon\">${l.icon}<\/div>\n             <\/div>`\n          : `<div class=\"ph-fallback\">\n               <div class=\"ph-initials\">${l.initials}<\/div>\n               <div class=\"ph-icon\">${l.icon}<\/div>\n             <\/div>`}\n        <span class=\"era\">${l.era}<\/span>\n      <\/div>\n      <div class=\"lbody\">\n        <div class=\"lname\">${l.name}<\/div>\n        <div class=\"lnamezh\">${l.zh}<\/div>\n        <span class=\"ltag\">${l.tag}<\/span>\n        <div class=\"lstat\"><b>${l.stat}<\/b><\/div>\n        <div class=\"lnote\">${l.note}<\/div>\n      <\/div>\n    <\/div>`).join('');\n}\nrenderLegends();\n\n\/* ============================================================\n   \u9635\u578b\u5b9a\u4e49\n============================================================ *\/\nconst FORMATIONS = {\n  '433':{ label:'4-3-3', slots:[\n    {key:'GK',  pos:'GK', x:50, y:90},\n    {key:'LB',  pos:'LB', x:14, y:72},\n    {key:'LCB', pos:'CB', x:36, y:75},\n    {key:'RCB', pos:'CB', x:64, y:75},\n    {key:'RB',  pos:'RB', x:86, y:72},\n    {key:'LCM', pos:'CM', x:30, y:50},\n    {key:'CDM', pos:'CDM',x:50, y:54},\n    {key:'RCM', pos:'CM', x:70, y:50},\n    {key:'LW',  pos:'LW', x:18, y:22},\n    {key:'ST',  pos:'ST', x:50, y:18},\n    {key:'RW',  pos:'RW', x:82, y:22},\n  ]},\n  '4231':{ label:'4-2-3-1', slots:[\n    {key:'GK',  pos:'GK', x:50, y:90},\n    {key:'LB',  pos:'LB', x:14, y:72},\n    {key:'LCB', pos:'CB', x:38, y:75},\n    {key:'RCB', pos:'CB', x:62, y:75},\n    {key:'RB',  pos:'RB', x:86, y:72},\n    {key:'LDM', pos:'CDM',x:36, y:56},\n    {key:'RDM', pos:'CDM',x:64, y:56},\n    {key:'LW',  pos:'LW', x:18, y:30},\n    {key:'CAM', pos:'CAM',x:50, y:34},\n    {key:'RW',  pos:'RW', x:82, y:30},\n    {key:'ST',  pos:'ST', x:50, y:13},\n  ]},\n  '343':{ label:'3-4-3', slots:[\n    {key:'GK',  pos:'GK', x:50, y:90},\n    {key:'LCB', pos:'CB', x:28, y:75},\n    {key:'CB',  pos:'CB', x:50, y:78},\n    {key:'RCB', pos:'CB', x:72, y:75},\n    {key:'LWB', pos:'LB', x:10, y:48},\n    {key:'LCM', pos:'CM', x:34, y:50},\n    {key:'RCM', pos:'CDM',x:66, y:50},\n    {key:'RWB', pos:'RB', x:90, y:48},\n    {key:'LW',  pos:'LW', x:20, y:20},\n    {key:'ST',  pos:'ST', x:50, y:16},\n    {key:'RW',  pos:'RW', x:80, y:20},\n  ]},\n};\n\n\/* \u9996\u53d1\u6620\u5c04 \u2014\u2014 \u745e\u5178 2026 \u4e3b\u6253 4-3-3\uff08\u4f0a\u8428\u514b\u4e2d\u3001\u4f0a\u5170\u52a0\u53f3\u3001\u5c24\u5c14\u52a0\u5fb7\u65af\u5f71\u5b50\u524d\u950b\uff09 *\/\nconst LINEUPS = {\n  '433':{\n    GK:'johansson',\n    LB:'gudmundsson', LCB:'lindelof', RCB:'hien', RB:'holm',\n    LCM:'ayari', CDM:'svanberg', RCM:'bergvall',\n    LW:'gyokeres', ST:'isak', RW:'elanga'\n  },\n  '4231':{\n    GK:'johansson',\n    LB:'gudmundsson', LCB:'lindelof', RCB:'hien', RB:'holm',\n    LDM:'svanberg', RDM:'karlstrom',\n    LW:'gyokeres', CAM:'ayari', RW:'elanga', ST:'isak'\n  },\n  '343':{\n    GK:'johansson',\n    LCB:'starfelt', CB:'lindelof', RCB:'hien',\n    LWB:'svensson', LCM:'ayari', RCM:'bergvall', RWB:'holm',\n    LW:'gyokeres', ST:'isak', RW:'elanga'\n  }\n};\n\n\/* ============================================================\n   Tab \u5207\u6362\n============================================================ *\/\n$$('.tab').forEach(t=>{\n  t.addEventListener('click',()=>{\n    $$('.tab').forEach(x=>x.classList.remove('active'));\n    $$('.panel').forEach(x=>x.classList.remove('active'));\n    t.classList.add('active');\n    $('#panel-'+t.dataset.tab).classList.add('active');\n    const anchor=$('#panel-'+t.dataset.tab).dataset.anchor;\n    if(anchor){ setTimeout(()=>{ const el=document.getElementById(anchor)||$('#panel-'+t.dataset.tab); el.scrollIntoView({behavior:'smooth',block:'start'}); },60); }\n  });\n});\n\n$$('.topnav a').forEach(a=>{\n  a.addEventListener('click',e=>{\n    const id=a.getAttribute('href').slice(1);\n    const el=document.getElementById(id) || document.querySelector('[data-anchor=\"'+id+'\"]');\n    if(!el) return;\n    e.preventDefault();\n    const panelMap={\"sec-pitch\":'pitch',\"sec-squad\":'squad',\"sec-vs\":'vs'};\n    if(panelMap[id]){\n      $$('.tab').forEach(x=>x.classList.remove('active'));\n      $$('.panel').forEach(x=>x.classList.remove('active'));\n      const tabBtn=document.querySelector('.tab[data-tab=\"'+panelMap[id]+'\"]');\n      if(tabBtn) tabBtn.classList.add('active');\n      $('#panel-'+panelMap[id]).classList.add('active');\n    }\n    setTimeout(()=>el.scrollIntoView({behavior:'smooth',block:'start'}),60);\n  });\n});\n\n\/* ============================================================\n   \u9635\u578b\u56fe\u6e32\u67d3\n============================================================ *\/\nconst pitch = $('#pitch');\nlet currentF = '433';\n\nfunction renderPitch(f){\n  currentF = f;\n  $$('.marker',pitch).forEach(m=>m.remove());\n  const slots = FORMATIONS[f].slots;\n  const lineup = LINEUPS[f];\n  slots.forEach(slot=>{\n    const pid = lineup[slot.key];\n    const p = byId(pid);\n    const m = document.createElement('div');\n    m.className='marker';\n    if(p.captain) m.classList.add('captain');\n    if(p.star) m.classList.add('star');\n    m.style.left = slot.x+'%';\n    m.style.top  = slot.y+'%';\n    m.innerHTML = `\n      <div class=\"dot\">${p.number}<\/div>\n      <span class=\"pos-tag\">${slot.pos}<\/span>\n      <div class=\"pname\">${p.zh}<\/div>`;\n    m.addEventListener('click',()=>openModal(p.id));\n    pitch.appendChild(m);\n  });\n}\n\n$$('.fbtn').forEach(b=>{\n  b.addEventListener('click',()=>{\n    $$('.fbtn').forEach(x=>x.classList.remove('on'));\n    b.classList.add('on');\n    renderPitch(b.dataset.f);\n  });\n});\n\nrenderPitch('433');\n\n\/* ============================================================\n   \u9635\u5bb9\u540d\u5355\u6e32\u67d3 + \u7b5b\u9009\n============================================================ *\/\nconst grid = $('#squadGrid');\nlet currentFilter='ALL';\n\nfunction renderSquad(){\n  ['ALL','GK','DEF','MID','FWD'].forEach(g=>{\n    const n = g==='ALL'? SQUAD.length : SQUAD.filter(p=>p.group===g).length;\n    $('#c-'+g).textContent = n;\n  });\n  const list = currentFilter==='ALL'? SQUAD : SQUAD.filter(p=>p.group===currentFilter);\n  grid.innerHTML = list.map(p=>`\n    <div class=\"pcard\" data-id=\"${p.id}\">\n      <div class=\"num\">${p.number}<\/div>\n      <div class=\"prow1\">\n        <div class=\"pavatar\">\n          ${p.photo\n            ? `<img decoding=\"async\" src=\"${p.photo}\" alt=\"${p.name}\" onerror=\"this.style.display='none';this.parentNode.classList.add('noimg')\">`\n            : `<span>${p.name.split(' ').map(w=>w[0]).slice(0,2).join('')}<\/span>`}\n        <\/div>\n        <div class=\"names\">\n          <div class=\"en\">${p.name}<\/div>\n          <div class=\"zh\">${p.zh}<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"pos-rating\">\n        <div class=\"pos-badges\">${p.positions.map(po=>`<span class=\"pos-badge ${p.group}\">${po}<\/span>`).join('')}<\/div>\n        <div class=\"rating\">${p.rating}<small>\/100<\/small><\/div>\n      <\/div>\n      <div class=\"club\">${p.club} \u00b7 ${p.clubZh}<\/div>\n    <\/div>`).join('');\n  $$('.pcard',grid).forEach(c=>c.addEventListener('click',()=>openModal(c.dataset.id)));\n}\nrenderSquad();\n\n$$('#filters .filter-btn').forEach(b=>{\n  b.addEventListener('click',()=>{\n    $$('#filters .filter-btn').forEach(x=>x.classList.remove('on'));\n    b.classList.add('on');\n    currentFilter=b.dataset.f;\n    renderSquad();\n  });\n});\n\n\/* ============================================================\n   \u7403\u5458\u5bf9\u6bd4\n============================================================ *\/\nconst selA=$('#selA'), selB=$('#selB');\nlet vsGroup='FWD';\n\nfunction fillSelects(){\n  const list = SQUAD.filter(p=>p.group===vsGroup);\n  const opts = list.map(p=>`<option value=\"${p.id}\">${p.zh} ${p.name} (${p.positions.join('\/')})<\/option>`).join('');\n  selA.innerHTML=opts;\n  selB.innerHTML=opts;\n  selA.value=list[0]?.id||'';\n  selB.value=list[1]?.id||list[0]?.id||'';\n  const map={FWD:'\u524d\u950b',MID:'\u4e2d\u573a',DEF:'\u540e\u536b',GK:'\u95e8\u5c06'};\n  $('#vsGroupTip').textContent=`\u5f53\u524d\u5bf9\u6bd4\uff1a${map[vsGroup]}\uff08${list.length}\u4eba\u53ef\u9009\uff09\u2014 \u53ea\u80fd\u9009\u62e9\u540c\u4e00\u4f4d\u7f6e\u7c7b\u522b\u7684\u7403\u5458`;\n}\nfillSelects();\n\nfunction renderVS(){\n  const a=byId(selA.value), b=byId(selB.value);\n  if(!a||!b) return;\n  $('#vsResult').innerHTML = `\n    <div class=\"vs-result\">\n      <div class=\"vs-col left\">\n        <div class=\"num-big\">#${a.number}<\/div>\n        <div class=\"name\">${a.name}<\/div>\n        <div class=\"zh\">${a.zh}<\/div>\n        ${ratingBar(a.rating,'left')}\n        ${attr('\u4f4d\u7f6e Position', a.positions.join(' \/ '),'left')}\n        ${attr('\u4ff1\u4e50\u90e8 Club', `${a.clubZh} ${a.club}`,'left')}\n        ${attr('\u5e74\u9f84 Age', a.age+' \u5c81','left')}\n      <\/div>\n      <div class=\"vs-mid\">\n        <div class=\"label\">\u8bc4\u5206<br>Rating<\/div>\n        <div style=\"display:flex;flex-direction:column;gap:10px;width:100%;align-items:center\">\n          <div class=\"label\" style=\"color:var(--c1)\">A \u00b7 ${a.rating}<\/div>\n          <div class=\"label\" style=\"color:var(--c2)\">B \u00b7 ${b.rating}<\/div>\n        <\/div>\n        <div class=\"label\" style=\"margin-top:8px;font-style:italic;color:#aaa\">${a.rating>b.rating?'\u25c0 A \u9886\u5148':a.rating<b.rating?'B \u9886\u5148 \u25b6':'\u5e73\u624b Tie'}<\/div>\n      <\/div>\n      <div class=\"vs-col right\">\n        <div class=\"num-big\">#${b.number}<\/div>\n        <div class=\"name\">${b.name}<\/div>\n        <div class=\"zh\">${b.zh}<\/div>\n        ${ratingBar(b.rating,'right')}\n        ${attr('\u4f4d\u7f6e Position', b.positions.join(' \/ '),'right')}\n        ${attr('\u4ff1\u4e50\u90e8 Club', `${b.clubZh} ${b.club}`,'right')}\n        ${attr('\u5e74\u9f84 Age', b.age+' \u5c81','right')}\n      <\/div>\n    <\/div>`;\n}\nfunction ratingBar(r,align){\n  return `<div class=\"rating-bar-wrap\">\n    <div class=\"top\"><span>\u7efc\u5408 OVR<\/span><b>${r}<\/b><\/div>\n    <div class=\"rating-bar\"><i style=\"width:${r}%\"><\/i><\/div>\n  <\/div>`;\n}\nfunction attr(k,v,align){\n  return `<div class=\"vs-attr\">\n    <div class=\"k\">${k}<\/div><div class=\"v\">${v}<\/div><\/div>`;\n}\nselA.addEventListener('change',renderVS);\nselB.addEventListener('change',renderVS);\n$$('.vgbtn').forEach(b=>{\n  b.addEventListener('click',()=>{\n    $$('.vgbtn').forEach(x=>x.classList.remove('on'));\n    b.classList.add('on');\n    vsGroup=b.dataset.g;\n    fillSelects();\n    renderVS();\n  });\n});\nrenderVS();\n\n\/* ============================================================\n   \u7403\u5458\u8be6\u60c5\u6a21\u6001\u6846\n============================================================ *\/\nconst mask=$('#modalMask'), box=$('#modalBox');\nfunction openModal(id){\n  const p=byId(id); if(!p) return;\n  const initials=p.name.split(' ').map(w=>w[0]).slice(0,2).join('');\n  const avatarInner = p.photo\n    ? `<img decoding=\"async\" src=\"${p.photo}\" alt=\"${p.name}\" onerror=\"this.style.display='none';this.parentNode.innerHTML='${initials}'\">`\n    : initials;\n  box.innerHTML=`\n    <div class=\"modal-head\">\n      <div class=\"avatar\">${avatarInner}<\/div>\n      <div class=\"h-info\">\n        <div class=\"h-en\">${p.name}<\/div>\n        <div class=\"h-zh\">${p.zh}<\/div>\n        <div class=\"h-num\">#${p.number} \u00b7 ${p.club}<\/div>\n      <\/div>\n      <button class=\"modal-close\" onclick=\"closeModal()\">\u00d7<\/button>\n    <\/div>\n    <div class=\"modal-body\">\n      <div class=\"modal-row\">\n        <span class=\"k\">\u7efc\u5408\u8bc4\u5206 OVR<\/span>\n        <span class=\"v rating-big\">${p.rating}<small>\/100<\/small><\/span>\n      <\/div>\n      <div class=\"rating-bar rating-pct\"><i style=\"width:${p.rating}%\"><\/i><\/div>\n      <div class=\"modal-row\">\n        <span class=\"k\">\u4f4d\u7f6e Position<\/span>\n        <span class=\"v\">${p.positions.map(po=>`<span class=\"pos-badge ${p.group}\" style=\"margin-left:4px\">${po}<\/span>`).join('')}<\/span>\n      <\/div>\n      <div class=\"modal-row\">\n        <span class=\"k\">\u4f4d\u7f6e\u7c7b\u522b Group<\/span>\n        <span class=\"v\">${p.group} \u00b7 ${groupZh[p.group]}<\/span>\n      <\/div>\n      <div class=\"modal-row\">\n        <span class=\"k\">\u4ff1\u4e50\u90e8 Club<\/span>\n        <span class=\"v\">${p.clubZh} \u00b7 ${p.club}<\/span>\n      <\/div>\n      <div class=\"modal-row\">\n        <span class=\"k\">\u5e74\u9f84 Age<\/span>\n        <span class=\"v\">${p.age} \u5c81<\/span>\n      <\/div>\n      ${p.captain?`<div class=\"modal-row\"><span class=\"k\">\u8eab\u4efd<\/span><span class=\"v\" style=\"color:var(--c2)\">\u2605 \u961f\u957f Captain<\/span><\/div>`:''}\n      ${p.star?`<div class=\"modal-row\"><span class=\"k\">\u5b9a\u4f4d<\/span><span class=\"v\" style=\"color:var(--c1)\">\u2605 \u6838\u5fc3\u7403\u5458 Key Player<\/span><\/div>`:''}\n      <div class=\"bio\"><b>\u7403\u5458\u7b80\u4ecb\uff1a<\/b>${p.bio}<\/div>\n    <\/div>`;\n  mask.classList.add('show');\n}\nfunction closeModal(){mask.classList.remove('show')}\nmask.addEventListener('click',e=>{if(e.target===mask) closeModal()});\ndocument.addEventListener('keydown',e=>{if(e.key==='Escape') closeModal()});\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u745e\u5178\u56fd\u5bb6\u7537\u5b50\u8db3\u7403\u961f\uff08Sveriges herrlandslag i fotboll\uff09\u7531\u745e\u5178\u8db3\u7403\u534f\u4f1a\uff08SvFF\uff0c1904 \u5e74\u6210\u7acb\uff09\u7ba1\u8f96\uff0c\u56e0\u84dd\u9ec4\u53cc\u8272\u7403\u8863\uff08\u6e90\u81ea\u56fd\u65d7\uff09\u88ab\u79f0\u4e3a&#8221;Bl\u00e5gult&#8221;\uff08\u745e\u5178\u8bed&#8221;\u84dd\u9ec4&#8221;\uff09\uff0c\u662f\u5317\u6b27\u8db3\u575b\u5386\u53f2\u6700\u60a0\u4e45\u7684\u4f20\u7edf\u52b2\u65c5\u4e4b\u4e00\u3002<\/p>\n","protected":false},"author":1,"featured_media":1584,"comment_status":"closed","ping_status":"open","sticky":false,"template":"html-full-article","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[35,34],"tags":[16],"class_list":["post-1580","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-world-cup","category-34","tag-16"],"_links":{"self":[{"href":"https:\/\/qubitledge.com\/index.php\/wp-json\/wp\/v2\/posts\/1580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qubitledge.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qubitledge.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qubitledge.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qubitledge.com\/index.php\/wp-json\/wp\/v2\/comments?post=1580"}],"version-history":[{"count":2,"href":"https:\/\/qubitledge.com\/index.php\/wp-json\/wp\/v2\/posts\/1580\/revisions"}],"predecessor-version":[{"id":1585,"href":"https:\/\/qubitledge.com\/index.php\/wp-json\/wp\/v2\/posts\/1580\/revisions\/1585"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qubitledge.com\/index.php\/wp-json\/wp\/v2\/media\/1584"}],"wp:attachment":[{"href":"https:\/\/qubitledge.com\/index.php\/wp-json\/wp\/v2\/media?parent=1580"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qubitledge.com\/index.php\/wp-json\/wp\/v2\/categories?post=1580"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qubitledge.com\/index.php\/wp-json\/wp\/v2\/tags?post=1580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}