/* ==================================================================
   真实得主标注(tag-real)样式 —— 中英页面共用,语言差异见 .tr-hit / .tr-seal
   仅由 tag-real*.html 演示页引用,不影响主站。
   ================================================================== */

/* ---- 1. 领域状态条(公布/待公布) ---------------------------------- */
.tr-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
  gap:6px 14px;margin-top:16px;padding:8px 16px;font-size:.8em;letter-spacing:.02em;line-height:1.5}
.tr-strip .tr-ico{flex:none}
.tr-strip b{font-weight:600}
.tr-strip .tr-date{color:inherit;opacity:.75;font-variant-numeric:tabular-nums}
.tr-strip--wait{border:1px dashed var(--hair-dk);color:var(--ink3)}
.tr-strip--done{border:1px solid #E0D2A8;background:var(--wash);color:var(--gold-deep)}
.tr-strip .tr-board{display:inline-flex;align-items:center;gap:4px;color:var(--char)}
.tr-strip .tr-board i{font-style:normal;color:var(--ink3);margin:0 2px}
.tr-strip .tr-board b{font-weight:700;font-variant-numeric:tabular-nums}
.tr-strip .tr-board b.tr-hot{color:var(--red)}
.tr-offlink{color:var(--gold-deep);text-decoration:none;border-bottom:1px solid rgba(140,114,51,.35);white-space:nowrap}
.tr-offlink:hover{border-bottom-color:var(--gold-deep)}

/* ---- 2. 印章式「精准预测」(中文页,单行,字距拉开) ------------------ */
.tr-seal{display:inline-block;vertical-align:2px;margin-left:9px;padding:2px 7px 2px calc(7px + .22em);
  background:var(--red);color:#FDF9F0;border-radius:2px;
  font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;
  font-size:.58em;font-weight:600;line-height:1.55;letter-spacing:.22em;
  box-shadow:0 1px 3px rgba(128,27,29,.28);white-space:nowrap}

/* 英文页对应:单行胶囊(拉丁名较长,竖排印章观感差,推荐一行) */
.tr-hit{display:inline-block;vertical-align:2px;margin-left:9px;padding:2px 8px;
  background:var(--red);color:#FDF9F0;border-radius:2px;
  font-size:.58em;font-weight:700;line-height:1.6;letter-spacing:.09em;text-transform:uppercase;
  box-shadow:0 1px 3px rgba(128,27,29,.28);white-space:nowrap}

/* ---- 3. 「未命中」(已公布领域、三甲中非得主) ---------------------- */
.tr-miss{display:inline-block;vertical-align:2px;margin-left:9px;padding:2px 7px;
  border:1px solid var(--hair-dk);color:var(--ink3);border-radius:2px;
  font-size:.6em;letter-spacing:.06em;line-height:1.5;white-space:nowrap}

/* ---- 4. 「诺奖得主」金色胶囊(榜内命中、移至榜首者) ---------------- */
.tr-win{display:inline-block;margin-left:8px;padding:2px 8px;vertical-align:1px;
  background:linear-gradient(180deg,#C9A961 0%,#BEA260 55%,#A8873F 100%);
  color:#FFFCF4;border-radius:2px;font-size:.64em;font-weight:600;letter-spacing:.06em;
  line-height:1.55;box-shadow:0 1px 3px rgba(140,114,51,.32);white-space:nowrap}

/* 移动到榜首的行:原样式基础上加金色左缘 + 淡金底 */
details.dos.tr-moved>summary{box-shadow:inset 3px 0 0 var(--gold-dk);
  background:linear-gradient(90deg,rgba(201,169,97,.12),rgba(201,169,97,.03) 46%,transparent)}
details.dos.tr-moved[open]>summary{background:linear-gradient(90deg,rgba(201,169,97,.12),rgba(201,169,97,.03) 46%,transparent)}

/* 序号槽:奖杯图标 + 原预测名次(小灰字,信息不丢失) */
.rk.tr-rk{display:inline-flex;flex-direction:column;align-items:center;gap:1px}
.rk.tr-rk svg{width:19px;height:19px;color:var(--gold-deep)}
.rk.tr-rk .tr-orig-rk{font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;
  font-size:.68em;color:var(--ink3);line-height:1.2;font-variant-numeric:tabular-nums}

/* ---- 5. 榜外得主公告卡(未收录于本站预测名单) --------------------- */
.tr-announce{margin-top:16px;border:1px solid var(--gold-dk);border-radius:3px;overflow:hidden;
  background:linear-gradient(180deg,#FBF2DA 0%,#FFFCF4 72%);
  box-shadow:0 10px 24px rgba(140,114,51,.13)}
.tr-ann-head{display:flex;align-items:center;gap:9px;padding:9px 18px;
  border-bottom:1px solid rgba(201,169,97,.35);
  font-size:.78em;color:var(--gold-deep);letter-spacing:.04em}
.tr-ann-head svg{flex:none}
.tr-ann-head .tr-date{margin-left:auto;opacity:.75;font-variant-numeric:tabular-nums}
.tr-ann-body{padding:14px 18px 13px}
.tr-ann-name{font-family:"Ogg","Playfair Display",Georgia,"Times New Roman","Songti SC","SimSun",serif;
  font-size:1.12em;color:var(--ink);line-height:1.5;margin-bottom:4px}
.tr-ann-note{font-size:.76em;color:var(--ink3);line-height:1.6;margin-top:8px}
.tr-nolist{display:inline-block;margin-left:10px;padding:2px 8px;vertical-align:2px;
  border:1px solid var(--hair-dk);border-radius:2px;color:var(--char);
  font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;
  font-size:.6em;letter-spacing:.06em;line-height:1.5;white-space:nowrap}

/* ---- 6. 页头演示横幅 --------------------------------------------- */
.tr-demo{padding:14px 24px 0}
.tr-demo-in{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;gap:14px;
  padding:11px 16px;border:1px dashed var(--gold-dk);border-radius:3px;background:var(--wash);
  font-size:.82em;color:var(--char);line-height:1.65}
@media(min-width:1600px){
  .tr-demo-in{max-width:1600px}
}
.tr-demo-tag{flex:none;margin-top:2px;padding:1px 9px;background:var(--red);color:#FDF9F0;
  border-radius:2px;font-size:.78em;font-weight:700;letter-spacing:.14em}
.tr-demo-in b{color:var(--ink)}
.tr-demo-in a{color:var(--gold-deep);text-decoration:none;white-space:nowrap}
.tr-demo-in a:hover{text-decoration:underline}

/* ---- 7. 右下角演示台 ---------------------------------------------- */
.tr-panel{position:fixed;right:18px;bottom:18px;z-index:998;width:288px;max-width:calc(100vw - 24px);
  background:var(--panel);border:1px solid var(--hair-dk);border-radius:4px;
  box-shadow:0 12px 32px rgba(23,22,20,.18);font-size:.8em}
.tr-panel-head{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;
  border-bottom:1px solid var(--hair);background:var(--wash);user-select:none}
.tr-panel-head b{font-family:"Ogg","Playfair Display",Georgia,"Times New Roman","Songti SC","SimSun",serif;
  font-weight:400;font-size:1.02em;color:var(--ink)}
.tr-panel-head svg{flex:none;color:var(--gold-deep)}
.tr-panel-head .tr-fold{margin-left:auto;border:0;background:transparent;color:var(--ink3);
  cursor:pointer;font:inherit;font-size:.9em;padding:0 2px}
.tr-panel-head .tr-fold:hover{color:var(--gold-deep)}
.tr-panel-body{padding:10px 12px 12px;display:block}
.tr-panel.folded .tr-panel-body{display:none}
.tr-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.tr-row label{flex:0 0 86px;color:var(--char);line-height:1.3}
.tr-row select{flex:1;min-width:0;font:inherit;font-size:.92em;color:var(--ink);
  border:1px solid var(--hair-dk);border-radius:2px;padding:3px 4px;background:#fff}
.tr-row select:focus{outline:none;border-color:var(--gold)}
.tr-legend{margin-top:10px;padding-top:9px;border-top:1px solid var(--hair)}
.tr-legend h6{font-size:.86em;font-weight:600;color:var(--ink3);margin:0 0 6px}
.tr-legend .tr-lg-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:7px;line-height:2}
.tr-panel .tr-btn{width:100%;margin-top:4px;padding:5px 0;border:1px solid var(--hair-dk);border-radius:2px;
  background:transparent;color:var(--char);cursor:pointer;font:inherit;font-size:.9em;letter-spacing:.04em}
.tr-panel .tr-btn:hover{border-color:var(--gold);color:var(--gold-deep)}
.tr-tip{margin-top:8px;font-size:.82em;color:var(--ink3);line-height:1.55}

/* 演示台标签预览里的缩放修正(脱离原上下文时字号过小) */
.tr-legend .tr-seal{margin-left:0;font-size:.74em}
.tr-legend .tr-hit,.tr-legend .tr-miss,.tr-legend .tr-win,.tr-legend .tr-nolist{margin-left:0;font-size:.68em}

/* ---- 8. 领域下拉按钮的公布状态后缀(仅按钮一处;菜单项不加,
        避免与按钮重复显示两遍) ---------------------------------------- */
.tr-btnstat{font-size:.82em;color:var(--gold-deep);letter-spacing:.02em}
.tr-btnstat--wait{color:var(--ink3)}

/* ---- 9. 窄屏 ------------------------------------------------------ */
@media(max-width:1000px){
  .tr-panel{right:8px;bottom:8px;width:min(300px,calc(100vw - 16px))}
  .tr-demo{padding:10px 12px 0}
  .tr-strip{font-size:.72em}
  .tr-ann-body{padding:12px 14px}
}