打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。
ContentBot2留言 | 贡献
v3: Flexbox卡片式对阵表,箭头连接,彩色轮次
ContentBot2留言 | 贡献
美化:更精致的卡片圆角、改进配色、更好的冠军展示、添加深色模式CSS指引
 
(未显示同一用户的4个中间版本)
第1行: 第1行:
<includeonly><div style="overflow-x:auto; padding:15px 5px;">
<includeonly><div style="overflow-x:auto; padding:16px 4px;">
<div style="display:flex; justify-content:center; align-items:stretch; gap:0; min-width:750px; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; font-size:14px;">
<div style="display:flex; justify-content:center; align-items:stretch; gap:0; min-width:780px; font-size:14px; line-height:1.5;">


<!-- RD1: 八分之一决赛 -->
<!-- ===== RD1: 八分之一决赛 ===== -->
<div style="display:flex; flex-direction:column; min-width:130px; gap:0;">
<div style="display:flex; flex-direction:column; min-width:135px;">
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#2c3e50; color:#fff; border-radius:4px 4px 0 0; margin-bottom:2px;">{{{rd1|八分之一决赛}}}</div>
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#34495e; color:#ecf0f1; border-radius:6px 6px 0 0; border-bottom:2px solid #5d7b9e; font-size:13px;">{{{rd1|八分之一决赛}}}</div>
<div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;">
<div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;">


<div style="border:1px solid #ddd; border-radius:4px; overflow:hidden; margin:1px 0;">
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;">
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s1|1}}}. [[{{{prefix|}}}{{{t1|}}}|{{{t1|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s1|1}}}. [[{{{prefix|}}}{{{t1|}}}|{{{d1|{{{t1|}}}}}}]]</div>
<div style="text-align:center; color:#bbb; font-size:12px; padding:2px; background:#fafafa; border-top:1px solid #eee; border-bottom:1px solid #eee;">VS</div>
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div>
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s16|16}}}. [[{{{prefix|}}}{{{t16|}}}|{{{t16|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s16|16}}}. [[{{{prefix|}}}{{{t16|}}}|{{{d16|{{{t16|}}}}}}]]</div>
</div>
</div>


<div style="border:1px solid #ddd; border-radius:4px; overflow:hidden; margin:1px 0;">
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;">
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s8|8}}}. [[{{{prefix|}}}{{{t8|}}}|{{{t8|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s8|8}}}. [[{{{prefix|}}}{{{t8|}}}|{{{d8|{{{t8|}}}}}}]]</div>
<div style="text-align:center; color:#bbb; font-size:12px; padding:2px; background:#fafafa; border-top:1px solid #eee; border-bottom:1px solid #eee;">VS</div>
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div>
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s9|9}}}. [[{{{prefix|}}}{{{t9|}}}|{{{t9|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s9|9}}}. [[{{{prefix|}}}{{{t9|}}}|{{{d9|{{{t9|}}}}}}]]</div>
</div>
</div>


<div style="border:1px solid #ddd; border-radius:4px; overflow:hidden; margin:1px 0;">
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;">
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s5|5}}}. [[{{{prefix|}}}{{{t5|}}}|{{{t5|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s5|5}}}. [[{{{prefix|}}}{{{t5|}}}|{{{d5|{{{t5|}}}}}}]]</div>
<div style="text-align:center; color:#bbb; font-size:12px; padding:2px; background:#fafafa; border-top:1px solid #eee; border-bottom:1px solid #eee;">VS</div>
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div>
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s12|12}}}. [[{{{prefix|}}}{{{t12|}}}|{{{t12|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s12|12}}}. [[{{{prefix|}}}{{{t12|}}}|{{{d12|{{{t12|}}}}}}]]</div>
</div>
</div>


<div style="border:1px solid #ddd; border-radius:4px; overflow:hidden; margin:1px 0;">
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;">
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s4|4}}}. [[{{{prefix|}}}{{{t4|}}}|{{{t4|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s4|4}}}. [[{{{prefix|}}}{{{t4|}}}|{{{d4|{{{t4|}}}}}}]]</div>
<div style="text-align:center; color:#bbb; font-size:12px; padding:2px; background:#fafafa; border-top:1px solid #eee; border-bottom:1px solid #eee;">VS</div>
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div>
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s13|13}}}. [[{{{prefix|}}}{{{t13|}}}|{{{t13|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s13|13}}}. [[{{{prefix|}}}{{{t13|}}}|{{{d13|{{{t13|}}}}}}]]</div>
</div>
</div>


<div style="border:1px solid #ddd; border-radius:4px; overflow:hidden; margin:1px 0;">
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;">
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s3|3}}}. [[{{{prefix|}}}{{{t3|}}}|{{{t3|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s3|3}}}. [[{{{prefix|}}}{{{t3|}}}|{{{d3|{{{t3|}}}}}}]]</div>
<div style="text-align:center; color:#bbb; font-size:12px; padding:2px; background:#fafafa; border-top:1px solid #eee; border-bottom:1px solid #eee;">VS</div>
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div>
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s14|14}}}. [[{{{prefix|}}}{{{t14|}}}|{{{t14|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s14|14}}}. [[{{{prefix|}}}{{{t14|}}}|{{{d14|{{{t14|}}}}}}]]</div>
</div>
</div>


<div style="border:1px solid #ddd; border-radius:4px; overflow:hidden; margin:1px 0;">
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;">
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s6|6}}}. [[{{{prefix|}}}{{{t6|}}}|{{{t6|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s6|6}}}. [[{{{prefix|}}}{{{t6|}}}|{{{d6|{{{t6|}}}}}}]]</div>
<div style="text-align:center; color:#bbb; font-size:12px; padding:2px; background:#fafafa; border-top:1px solid #eee; border-bottom:1px solid #eee;">VS</div>
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div>
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s11|11}}}. [[{{{prefix|}}}{{{t11|}}}|{{{t11|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s11|11}}}. [[{{{prefix|}}}{{{t11|}}}|{{{d11|{{{t11|}}}}}}]]</div>
</div>
</div>


<div style="border:1px solid #ddd; border-radius:4px; overflow:hidden; margin:1px 0;">
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;">
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s7|7}}}. [[{{{prefix|}}}{{{t7|}}}|{{{t7|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s7|7}}}. [[{{{prefix|}}}{{{t7|}}}|{{{d7|{{{t7|}}}}}}]]</div>
<div style="text-align:center; color:#bbb; font-size:12px; padding:2px; background:#fafafa; border-top:1px solid #eee; border-bottom:1px solid #eee;">VS</div>
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div>
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s10|10}}}. [[{{{prefix|}}}{{{t10|}}}|{{{t10|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s10|10}}}. [[{{{prefix|}}}{{{t10|}}}|{{{d10|{{{t10|}}}}}}]]</div>
</div>
</div>


<div style="border:1px solid #ddd; border-radius:4px; overflow:hidden; margin:1px 0;">
<div style="border:1.5px solid #7f8c8d; border-radius:6px; overflow:hidden; margin:3px 0;">
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s2|2}}}. [[{{{prefix|}}}{{{t2|}}}|{{{t2|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s2|2}}}. [[{{{prefix|}}}{{{t2|}}}|{{{d2|{{{t2|}}}}}}]]</div>
<div style="text-align:center; color:#bbb; font-size:12px; padding:2px; background:#fafafa; border-top:1px solid #eee; border-bottom:1px solid #eee;">VS</div>
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.4; letter-spacing:2px;">VS</div>
<div style="padding:6px 10px; background:#fff; white-space:nowrap;">{{{s15|15}}}. [[{{{prefix|}}}{{{t15|}}}|{{{t15|}}}]]</div>
<div style="padding:6px 12px; white-space:nowrap;">{{{s15|15}}}. [[{{{prefix|}}}{{{t15|}}}|{{{d15|{{{t15|}}}}}}]]</div>
</div>
</div>


</div></div>
</div></div>


<!-- Arrow connectors RD1→RD2 -->
<!-- Arrow: RD1 → RD2 -->
<div style="display:flex; flex-direction:column; justify-content:space-around; width:22px; flex-shrink:0;">
<div style="display:flex; flex-direction:column; justify-content:space-around; width:22px; flex-shrink:0;">
<div style="text-align:center; color:#c0392b; font-size:18px; line-height:1.6;"></div>
<div style="text-align:center; color:#95a5a6; font-size:16px; line-height:1.8;"></div>
<div style="text-align:center; color:#c0392b; font-size:18px; line-height:1.6;"></div>
<div style="text-align:center; color:#95a5a6; font-size:16px; line-height:1.8;"></div>
<div style="text-align:center; color:#c0392b; font-size:18px; line-height:1.6;"></div>
<div style="text-align:center; color:#95a5a6; font-size:16px; line-height:1.8;"></div>
<div style="text-align:center; color:#c0392b; font-size:18px; line-height:1.6;"></div>
<div style="text-align:center; color:#95a5a6; font-size:16px; line-height:1.8;"></div>
</div>
</div>


<!-- RD2: 四分之一决赛 -->
<!-- ===== RD2: 四分之一决赛 ===== -->
<div style="display:flex; flex-direction:column; min-width:130px; gap:0;">
<div style="display:flex; flex-direction:column; min-width:135px;">
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#34495e; color:#fff; border-radius:4px 4px 0 0; margin-bottom:2px;">{{{rd2|四分之一决赛}}}</div>
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#4a6785; color:#ecf0f1; border-radius:6px 6px 0 0; border-bottom:2px solid #6b8eaa; font-size:13px;">{{{rd2|四分之一决赛}}}</div>
<div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;">
<div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;">


<div style="border:2px solid #c0392b; border-radius:4px; overflow:hidden; margin:6px 0;">
<div style="border:1.5px solid #c0392b; border-radius:6px; overflow:hidden; margin:6px 0;">
<div style="padding:6px 10px; background:#fff8f0; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w1|}}}|<b>{{{w1}}}</b>|—}}</div>
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w1|}}}|<b style="color:#27ae60;">{{{w1}}}</b>|<span style="opacity:0.35;"></span>}}</div>
<div style="text-align:center; color:#c0392b; font-size:11px; padding:2px; background:#fff; border-top:1px solid #fdcb6e;">VS</div>
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #c0392b; border-bottom:1px solid #c0392b; opacity:0.5; letter-spacing:2px;">VS</div>
<div style="padding:6px 10px; background:#fff8f0; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w2|}}}|<b>{{{w2}}}</b>|—}}</div>
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w2|}}}|<b style="color:#27ae60;">{{{w2}}}</b>|<span style="opacity:0.35;"></span>}}</div>
</div>
</div>


<div style="border:2px solid #c0392b; border-radius:4px; overflow:hidden; margin:6px 0;">
<div style="border:1.5px solid #c0392b; border-radius:6px; overflow:hidden; margin:6px 0;">
<div style="padding:6px 10px; background:#fff8f0; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w3|}}}|<b>{{{w3}}}</b>|—}}</div>
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w3|}}}|<b style="color:#27ae60;">{{{w3}}}</b>|<span style="opacity:0.35;"></span>}}</div>
<div style="text-align:center; color:#c0392b; font-size:11px; padding:2px; background:#fff; border-top:1px solid #fdcb6e;">VS</div>
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #c0392b; border-bottom:1px solid #c0392b; opacity:0.5; letter-spacing:2px;">VS</div>
<div style="padding:6px 10px; background:#fff8f0; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w4|}}}|<b>{{{w4}}}</b>|—}}</div>
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w4|}}}|<b style="color:#27ae60;">{{{w4}}}</b>|<span style="opacity:0.35;"></span>}}</div>
</div>
</div>


<div style="border:2px solid #c0392b; border-radius:4px; overflow:hidden; margin:6px 0;">
<div style="border:1.5px solid #c0392b; border-radius:6px; overflow:hidden; margin:6px 0;">
<div style="padding:6px 10px; background:#fff8f0; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w5|}}}|<b>{{{w5}}}</b>|—}}</div>
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w5|}}}|<b style="color:#27ae60;">{{{w5}}}</b>|<span style="opacity:0.35;"></span>}}</div>
<div style="text-align:center; color:#c0392b; font-size:11px; padding:2px; background:#fff; border-top:1px solid #fdcb6e;">VS</div>
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #c0392b; border-bottom:1px solid #c0392b; opacity:0.5; letter-spacing:2px;">VS</div>
<div style="padding:6px 10px; background:#fff8f0; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w6|}}}|<b>{{{w6}}}</b>|—}}</div>
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w6|}}}|<b style="color:#27ae60;">{{{w6}}}</b>|<span style="opacity:0.35;"></span>}}</div>
</div>
</div>


<div style="border:2px solid #c0392b; border-radius:4px; overflow:hidden; margin:6px 0;">
<div style="border:1.5px solid #c0392b; border-radius:6px; overflow:hidden; margin:6px 0;">
<div style="padding:6px 10px; background:#fff8f0; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w7|}}}|<b>{{{w7}}}</b>|—}}</div>
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w7|}}}|<b style="color:#27ae60;">{{{w7}}}</b>|<span style="opacity:0.35;"></span>}}</div>
<div style="text-align:center; color:#c0392b; font-size:11px; padding:2px; background:#fff; border-top:1px solid #fdcb6e;">VS</div>
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #c0392b; border-bottom:1px solid #c0392b; opacity:0.5; letter-spacing:2px;">VS</div>
<div style="padding:6px 10px; background:#fff8f0; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w8|}}}|<b>{{{w8}}}</b>|—}}</div>
<div style="padding:6px 12px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w8|}}}|<b style="color:#27ae60;">{{{w8}}}</b>|<span style="opacity:0.35;"></span>}}</div>
</div>
</div>


</div></div>
</div></div>


<!-- Arrow connectors RD2→RD3 -->
<!-- Arrow: RD2 → RD3 -->
<div style="display:flex; flex-direction:column; justify-content:space-around; width:22px; flex-shrink:0;">
<div style="display:flex; flex-direction:column; justify-content:space-around; width:22px; flex-shrink:0;">
<div style="text-align:center; color:#e67e22; font-size:22px; line-height:1.6;"></div>
<div style="text-align:center; color:#95a5a6; font-size:18px; line-height:1.8;"></div>
<div style="text-align:center; color:#e67e22; font-size:22px; line-height:1.6;"></div>
<div style="text-align:center; color:#95a5a6; font-size:18px; line-height:1.8;"></div>
</div>
</div>


<!-- RD3: 半决赛 -->
<!-- ===== RD3: 半决赛 ===== -->
<div style="display:flex; flex-direction:column; min-width:130px; gap:0;">
<div style="display:flex; flex-direction:column; min-width:135px;">
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#2980b9; color:#fff; border-radius:4px 4px 0 0; margin-bottom:2px;">{{{rd3|半决赛}}}</div>
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#2980b9; color:#fff; border-radius:6px 6px 0 0; border-bottom:2px solid #5dade2; font-size:13px;">{{{rd3|半决赛}}}</div>
<div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;">
<div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;">


<div style="border:2px solid #e67e22; border-radius:4px; overflow:hidden; margin:10px 0;">
<div style="border:2px solid #f39c12; border-radius:6px; overflow:hidden; margin:10px 0;">
<div style="padding:8px 10px; background:#fef9e7; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w9|}}}|<b>{{{w9}}}</b>|—}}</div>
<div style="padding:8px 12px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w9|}}}|<b style="color:#27ae60;">{{{w9}}}</b>|<span style="opacity:0.35;"></span>}}</div>
<div style="text-align:center; color:#e67e22; font-size:11px; padding:2px; background:#fff; border-top:1px solid #f9ca24;">VS</div>
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #f39c12; border-bottom:1px solid #f39c12; opacity:0.5; letter-spacing:2px;">VS</div>
<div style="padding:8px 10px; background:#fef9e7; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w10|}}}|<b>{{{w10}}}</b>|—}}</div>
<div style="padding:8px 12px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w10|}}}|<b style="color:#27ae60;">{{{w10}}}</b>|<span style="opacity:0.35;"></span>}}</div>
</div>
</div>


<div style="border:2px solid #e67e22; border-radius:4px; overflow:hidden; margin:10px 0;">
<div style="border:2px solid #f39c12; border-radius:6px; overflow:hidden; margin:10px 0;">
<div style="padding:8px 10px; background:#fef9e7; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w12|}}}|<b>{{{w12}}}</b>|—}}</div>
<div style="padding:8px 12px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w12|}}}|<b style="color:#27ae60;">{{{w12}}}</b>|<span style="opacity:0.35;"></span>}}</div>
<div style="text-align:center; color:#e67e22; font-size:11px; padding:2px; background:#fff; border-top:1px solid #f9ca24;">VS</div>
<div style="text-align:center; font-size:10px; padding:2px; border-top:1px solid #f39c12; border-bottom:1px solid #f39c12; opacity:0.5; letter-spacing:2px;">VS</div>
<div style="padding:8px 10px; background:#fef9e7; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w8_qf|}}}|<b>{{{w8_qf}}}</b>|—}}</div>
<div style="padding:8px 12px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w8_qf|}}}|<b style="color:#27ae60;">{{{w8_qf}}}</b>|<span style="opacity:0.35;"></span>}}</div>
</div>
</div>


</div></div>
</div></div>


<!-- Arrow RD3→RD4 -->
<!-- Arrow: RD3 → RD4 -->
<div style="display:flex; flex-direction:column; justify-content:center; width:22px; flex-shrink:0;">
<div style="display:flex; flex-direction:column; justify-content:center; width:22px; flex-shrink:0;">
<div style="text-align:center; color:#e74c3c; font-size:26px;"></div>
<div style="text-align:center; color:#95a5a6; font-size:20px;"></div>
</div>
</div>


<!-- RD4: 决赛 -->
<!-- ===== RD4: 决赛 ===== -->
<div style="display:flex; flex-direction:column; justify-content:center; min-width:140px; gap:0;">
<div style="display:flex; flex-direction:column; justify-content:center; min-width:145px;">
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#e74c3c; color:#fff; border-radius:4px 4px 0 0; margin-bottom:2px;">{{{rd4|决赛}}}</div>
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#c0392b; color:#fff; border-radius:6px 6px 0 0; border-bottom:2px solid #e74c3c; font-size:13px;">{{{rd4|决赛}}}</div>
<div style="display:flex; flex-direction:column; justify-content:center; flex:1;">
<div style="display:flex; flex-direction:column; justify-content:center; flex:1;">
<div style="border:3px solid #e74c3c; border-radius:6px; overflow:hidden;">
<div style="border:2.5px solid #e74c3c; border-radius:8px; overflow:hidden;">
<div style="padding:10px; background:#fff5f5; text-align:center; font-size:15px;">{{#if:{{{w11|}}}|<b>{{{w11}}}</b>|—}}</div>
<div style="padding:10px 12px; text-align:center; font-size:15px;">{{#if:{{{w11|}}}|<b style="color:#27ae60;">{{{w11}}}</b>|<span style="opacity:0.35;"></span>}}</div>
<div style="text-align:center; color:#e74c3c; font-size:13px; padding:3px; background:#fff; border-top:2px solid #e74c3c; font-weight:bold;">VS</div>
<div style="text-align:center; font-size:11px; padding:3px; border-top:2px solid #e74c3c; border-bottom:2px solid #e74c3c; opacity:0.6; letter-spacing:3px; font-weight:600;">VS</div>
<div style="padding:10px; background:#fff5f5; text-align:center; font-size:15px;">{{#if:{{{w13|}}}|<b>{{{w13}}}</b>|—}}</div>
<div style="padding:10px 12px; text-align:center; font-size:15px;">{{#if:{{{w13|}}}|<b style="color:#27ae60;">{{{w13}}}</b>|<span style="opacity:0.35;"></span>}}</div>
</div>
</div>
</div></div>
</div></div>


<!-- Arrow → Champion -->
<!-- Arrow → Champion -->
<div style="display:flex; flex-direction:column; justify-content:center; width:22px; flex-shrink:0;">
<div style="display:flex; flex-direction:column; justify-content:center; width:26px; flex-shrink:0;">
<div style="text-align:center; font-size:30px;"></div>
<div style="text-align:center; color:#f1c40f; font-size:22px;"></div>
</div>
</div>


<!-- Champion -->
<!-- ===== Champion ===== -->
<div style="display:flex; flex-direction:column; justify-content:center; min-width:110px; gap:0;">
<div style="display:flex; flex-direction:column; justify-content:center; min-width:120px;">
<div style="text-align:center; padding:14px 8px; background:linear-gradient(135deg,#f9ca24,#f0932b); border-radius:6px; font-weight:bold; font-size:16px; color:#2d3436;">
<div style="text-align:center; padding:18px 12px; background:linear-gradient(135deg,#f9ca24 0%,#e67e22 50%,#f39c12 100%); border-radius:10px; font-weight:bold; font-size:17px; color:#2d3436; box-shadow:0 2px 8px rgba(0,0,0,0.15);">
{{#if:{{{champion|}}}|🏆<br>{{{champion}}}|—}}
{{#if:{{{champion|}}}|<div style="font-size:28px; margin-bottom:4px;">🏆</div><div>{{{champion}}}</div>|<span style="opacity:0.4;"></span>}}
</div>
</div>
</div>
</div>
第153行: 第153行:
<noinclude>
<noinclude>
== 用法 ==
== 用法 ==
16队单败淘汰赛对阵表(Flexbox 卡片式)。每个轮次独立成列,用箭头连接
16队单败淘汰赛对阵表(Flexbox 卡片式,深色模式兼容)。


=== 参数 ===
=== 参数 ===
* <code>t1</code>–<code>t16</code>队伍名称
{| class="wikitable"
* <code>s1</code>–<code>s16</code>种子序号(默认 1–16)
! 参数 !! 说明
* <code>prefix</code>链接前缀
|-
* <code>w1</code>–<code>w8</code>八分之一决赛各场胜者
| <code>t1</code>–<code>t16</code> || 队伍名称(链接目标,需使用 MediaWiki 归一化后的页面名)
* <code>w9</code>–<code>w10</code><code>w12</code><code>w8_qf</code>半决赛对阵
|-
* <code>w11</code><code>w13</code>决赛对阵
| <code>d1</code>–<code>d16</code> || 队伍显示名(可选,默认等于 t 值)
* <code>champion</code>冠军
|-
| <code>s1</code>–<code>s16</code> || 种子序号(可选,默认 1–16)
|-
| <code>prefix</code> || 链接前缀,如 <code>机器人大赛/第二十二届/</code>
|-
| <code>w1</code>–<code>w8</code> || 八分之一决赛各场胜者
|-
| <code>w9</code>–<code>w10</code> || 上半区四分之一决赛胜者
|-
| <code>w12</code>, <code>w8_qf</code> || 下区四分之一决赛胜者
|-
| <code>w11</code>, <code>w13</code> || 半决赛胜者
|-
| <code>champion</code> || 冠军
|-
| <code>rd1</code>–<code>rd4</code> || 各轮次名称(可选)
|}
 
=== 深色模式 ===
在 <code>MediaWiki:Common.css</code> 中添加以下 CSS 以支持深色模式:
<pre>
html.skin-theme-clientpref-night .mw-parser-output [style*="background:#34495e"] { background:#252b33 !important; }
html.skin-theme-clientpref-night .mw-parser-output [style*="background:#4a6785"] { background:#1e2430 !important; }
html.skin-theme-clientpref-night .mw-parser-output [style*="background:#2980b9"] { background:#1a2a3a !important; }
html.skin-theme-clientpref-night .mw-parser-output [style*="background:#c0392b"] { background:#3a1a1a !important; }
html.skin-theme-clientpref-night .mw-parser-output [style*="border:1.5px solid #7f8c8d"] { border-color:#333a44 !important; }
html.skin-theme-clientpref-night .mw-parser-output [style*="border:1.5px solid #c0392b"] { border-color:#5a2020 !important; }
html.skin-theme-clientpref-night .mw-parser-output [style*="border:2px solid #f39c12"] { border-color:#5a4a10 !important; }
html.skin-theme-clientpref-night .mw-parser-output [style*="border:2.5px solid #e74c3c"] { border-color:#5a2020 !important; }
html.skin-theme-clientpref-night .mw-parser-output [style*="color:#ecf0f1"] { color:#c8d0dc !important; }
html.skin-theme-clientpref-night .mw-parser-output [style*="color:#2d3436"] { color:#c8d0dc !important; }
html.skin-theme-clientpref-night .mw-parser-output [style*="background:linear-gradient"] { background:#2a2518 !important; }
</pre>
</noinclude></includeonly>
</noinclude></includeonly>

2026年7月24日 (五) 22:48的最新版本