Template:16TeamBracket：修订间差异
模板页面
更多语言
更多操作
ContentBot2（留言 | 贡献） v5: 移除TemplateStyles依赖，中性色彩适配深浅双模式 |
ContentBot2（留言 | 贡献） v6: 调亮表头色彩 + bottom-border，深色模式高对比度 |
||
| 第2行： | 第2行： | ||
<div style="display:flex; justify-content:center; align-items:stretch; gap:0; min-width:750px; font-size:14px;"> | <div style="display:flex; justify-content:center; align-items:stretch; gap:0; min-width:750px; font-size:14px;"> | ||
<!-- RD1: 八分之一决赛 | <!-- RD1: 八分之一决赛 --> | ||
<div style="display:flex; flex-direction:column; min-width:130px;"> | <div style="display:flex; flex-direction:column; min-width:130px;"> | ||
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:# | <div style="font-weight:bold; text-align:center; padding:8px 6px; background:#3d566e; color:#ecf0f1; border-radius:4px 4px 0 0; border-bottom:2px solid #5d7b9e;">{{{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 | <div style="border:1px solid #7f8c8d; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s1|1}}}. [[{{{prefix|}}}{{{t1|}}}|{{{t1|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s1|1}}}. [[{{{prefix|}}}{{{t1|}}}|{{{t1|}}}]]</div> | ||
<div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid; border-bottom:1px solid | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.5;">VS</div> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s16|16}}}. [[{{{prefix|}}}{{{t16|}}}|{{{t16|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s16|16}}}. [[{{{prefix|}}}{{{t16|}}}|{{{t16|}}}]]</div> | ||
</div> | </div> | ||
<div style="border:1px solid | <div style="border:1px solid #7f8c8d; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s8|8}}}. [[{{{prefix|}}}{{{t8|}}}|{{{t8|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s8|8}}}. [[{{{prefix|}}}{{{t8|}}}|{{{t8|}}}]]</div> | ||
<div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid; border-bottom:1px solid | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.5;">VS</div> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s9|9}}}. [[{{{prefix|}}}{{{t9|}}}|{{{t9|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s9|9}}}. [[{{{prefix|}}}{{{t9|}}}|{{{t9|}}}]]</div> | ||
</div> | </div> | ||
<div style="border:1px solid | <div style="border:1px solid #7f8c8d; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s5|5}}}. [[{{{prefix|}}}{{{t5|}}}|{{{t5|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s5|5}}}. [[{{{prefix|}}}{{{t5|}}}|{{{t5|}}}]]</div> | ||
<div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid; border-bottom:1px solid | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.5;">VS</div> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s12|12}}}. [[{{{prefix|}}}{{{t12|}}}|{{{t12|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s12|12}}}. [[{{{prefix|}}}{{{t12|}}}|{{{t12|}}}]]</div> | ||
</div> | </div> | ||
<div style="border:1px solid | <div style="border:1px solid #7f8c8d; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s4|4}}}. [[{{{prefix|}}}{{{t4|}}}|{{{t4|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s4|4}}}. [[{{{prefix|}}}{{{t4|}}}|{{{t4|}}}]]</div> | ||
<div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid; border-bottom:1px solid | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.5;">VS</div> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s13|13}}}. [[{{{prefix|}}}{{{t13|}}}|{{{t13|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s13|13}}}. [[{{{prefix|}}}{{{t13|}}}|{{{t13|}}}]]</div> | ||
</div> | </div> | ||
<div style="border:1px solid | <div style="border:1px solid #7f8c8d; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s3|3}}}. [[{{{prefix|}}}{{{t3|}}}|{{{t3|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s3|3}}}. [[{{{prefix|}}}{{{t3|}}}|{{{t3|}}}]]</div> | ||
<div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid; border-bottom:1px solid | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.5;">VS</div> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s14|14}}}. [[{{{prefix|}}}{{{t14|}}}|{{{t14|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s14|14}}}. [[{{{prefix|}}}{{{t14|}}}|{{{t14|}}}]]</div> | ||
</div> | </div> | ||
<div style="border:1px solid | <div style="border:1px solid #7f8c8d; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s6|6}}}. [[{{{prefix|}}}{{{t6|}}}|{{{t6|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s6|6}}}. [[{{{prefix|}}}{{{t6|}}}|{{{t6|}}}]]</div> | ||
<div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid; border-bottom:1px solid | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.5;">VS</div> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s11|11}}}. [[{{{prefix|}}}{{{t11|}}}|{{{t11|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s11|11}}}. [[{{{prefix|}}}{{{t11|}}}|{{{t11|}}}]]</div> | ||
</div> | </div> | ||
<div style="border:1px solid | <div style="border:1px solid #7f8c8d; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s7|7}}}. [[{{{prefix|}}}{{{t7|}}}|{{{t7|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s7|7}}}. [[{{{prefix|}}}{{{t7|}}}|{{{t7|}}}]]</div> | ||
<div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid; border-bottom:1px solid | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.5;">VS</div> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s10|10}}}. [[{{{prefix|}}}{{{t10|}}}|{{{t10|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s10|10}}}. [[{{{prefix|}}}{{{t10|}}}|{{{t10|}}}]]</div> | ||
</div> | </div> | ||
<div style="border:1px solid | <div style="border:1px solid #7f8c8d; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s2|2}}}. [[{{{prefix|}}}{{{t2|}}}|{{{t2|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s2|2}}}. [[{{{prefix|}}}{{{t2|}}}|{{{t2|}}}]]</div> | ||
<div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid; border-bottom:1px solid | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #95a5a6; border-bottom:1px solid #95a5a6; opacity:0.5;">VS</div> | ||
<div style="padding:5px 10px; white-space:nowrap;">{{{s15|15}}}. [[{{{prefix|}}}{{{t15|}}}|{{{t15|}}}]]</div> | <div style="padding:5px 10px; white-space:nowrap;">{{{s15|15}}}. [[{{{prefix|}}}{{{t15|}}}|{{{t15|}}}]]</div> | ||
</div> | </div> | ||
| 第57行： | 第57行： | ||
</div></div> | </div></div> | ||
<!-- Arrow | <!-- Arrow RD1→RD2 --> | ||
<div style="display:flex; flex-direction:column; justify-content:space-around; width:20px; flex-shrink:0;"> | <div style="display:flex; flex-direction:column; justify-content:space-around; width:20px; flex-shrink:0;"> | ||
<div style="text-align:center; color:#e74c3c; font-size:16px; line-height:1.6;">▶</div> | <div style="text-align:center; color:#e74c3c; font-size:16px; line-height:1.6;">▶</div> | ||
| 第65行： | 第65行： | ||
</div> | </div> | ||
<!-- RD2: 四分之一决赛 | <!-- RD2: 四分之一决赛 --> | ||
<div style="display:flex; flex-direction:column; min-width:130px;"> | <div style="display:flex; flex-direction:column; min-width:130px;"> | ||
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:# | <div style="font-weight:bold; text-align:center; padding:8px 6px; background:#4a6785; color:#ecf0f1; border-radius:4px 4px 0 0; border-bottom:2px solid #6b8eaa;">{{{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;"> | ||
| 第96行： | 第96行： | ||
</div></div> | </div></div> | ||
<!-- Arrow | <!-- Arrow RD2→RD3 --> | ||
<div style="display:flex; flex-direction:column; justify-content:space-around; width:20px; flex-shrink:0;"> | <div style="display:flex; flex-direction:column; justify-content:space-around; width:20px; flex-shrink:0;"> | ||
<div style="text-align:center; color:# | <div style="text-align:center; color:#f39c12; font-size:20px; line-height:1.6;">▶</div> | ||
<div style="text-align:center; color:# | <div style="text-align:center; color:#f39c12; font-size:20px; line-height:1.6;">▶</div> | ||
</div> | </div> | ||
<!-- RD3: 半决赛 | <!-- RD3: 半决赛 --> | ||
<div style="display:flex; flex-direction:column; min-width:130px;"> | <div style="display:flex; flex-direction:column; min-width:130px;"> | ||
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:# | <div style="font-weight:bold; text-align:center; padding:8px 6px; background:#3498db; color:#fff; border-radius:4px 4px 0 0; border-bottom:2px solid #5dade2;">{{{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 # | <div style="border:2px solid #f39c12; border-radius:4px; overflow:hidden; margin:10px 0;"> | ||
<div style="padding:7px 10px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w9|}}}|<b style="color:#27ae60;">{{{w9}}}</b>|<span style="opacity:0.4;">—</span>}}</div> | <div style="padding:7px 10px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w9|}}}|<b style="color:#27ae60;">{{{w9}}}</b>|<span style="opacity:0.4;">—</span>}}</div> | ||
<div style="text-align:center; font-size:10px; padding:1px; border-top:1px solid # | <div style="text-align:center; font-size:10px; padding:1px; border-top:1px solid #f39c12; border-bottom:1px solid #f39c12; color:#f39c12; opacity:0.7;">VS</div> | ||
<div style="padding:7px 10px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w10|}}}|<b style="color:#27ae60;">{{{w10}}}</b>|<span style="opacity:0.4;">—</span>}}</div> | <div style="padding:7px 10px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w10|}}}|<b style="color:#27ae60;">{{{w10}}}</b>|<span style="opacity:0.4;">—</span>}}</div> | ||
</div> | </div> | ||
<div style="border:2px solid # | <div style="border:2px solid #f39c12; border-radius:4px; overflow:hidden; margin:10px 0;"> | ||
<div style="padding:7px 10px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w12|}}}|<b style="color:#27ae60;">{{{w12}}}</b>|<span style="opacity:0.4;">—</span>}}</div> | <div style="padding:7px 10px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w12|}}}|<b style="color:#27ae60;">{{{w12}}}</b>|<span style="opacity:0.4;">—</span>}}</div> | ||
<div style="text-align:center; font-size:10px; padding:1px; border-top:1px solid # | <div style="text-align:center; font-size:10px; padding:1px; border-top:1px solid #f39c12; border-bottom:1px solid #f39c12; color:#f39c12; opacity:0.7;">VS</div> | ||
<div style="padding:7px 10px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w8_qf|}}}|<b style="color:#27ae60;">{{{w8_qf}}}</b>|<span style="opacity:0.4;">—</span>}}</div> | <div style="padding:7px 10px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w8_qf|}}}|<b style="color:#27ae60;">{{{w8_qf}}}</b>|<span style="opacity:0.4;">—</span>}}</div> | ||
</div> | </div> | ||
| 第121行： | 第121行： | ||
</div></div> | </div></div> | ||
<!-- Arrow | <!-- Arrow RD3→RD4 --> | ||
<div style="display:flex; flex-direction:column; justify-content:center; width:20px; flex-shrink:0;"> | <div style="display:flex; flex-direction:column; justify-content:center; width:20px; flex-shrink:0;"> | ||
<div style="text-align:center; color:#e74c3c; font-size:24px;">▶</div> | <div style="text-align:center; color:#e74c3c; font-size:24px;">▶</div> | ||
| 第128行： | 第128行： | ||
<!-- RD4: 决赛 --> | <!-- RD4: 决赛 --> | ||
<div style="display:flex; flex-direction:column; justify-content:center; min-width:140px;"> | <div style="display:flex; flex-direction:column; justify-content:center; min-width:140px;"> | ||
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:# | <div style="font-weight:bold; text-align:center; padding:8px 6px; background:#e74c3c; color:#fff; border-radius:4px 4px 0 0; border-bottom:2px solid #f1948a;">{{{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:3px solid #e74c3c; border-radius:6px; overflow:hidden;"> | ||
| 第153行： | 第153行： | ||
<noinclude> | <noinclude> | ||
== 用法 == | == 用法 == | ||
16队单败淘汰赛对阵表 | 16队单败淘汰赛对阵表（Flexbox 卡片式，深色模式兼容）。 | ||
=== 参数 === | === 参数 === | ||
* <code>t1</code>–<code>t16</code>：队伍名称 | * <code>t1</code>–<code>t16</code>：队伍名称 · <code>prefix</code>：链接前缀 | ||
* <code>w1</code>–<code>w13</code>、<code>w8_qf</code>：各级胜者 · <code>champion</code>：冠军 | |||
* <code>w1</code>–<code>w13</code>、<code>w8_qf</code>：各级胜者 | |||
</noinclude></includeonly> | </noinclude></includeonly> | ||