/* 👑 排行榜第一名特權（js/top1.js；伺服器本機改動第 102 項）
   1. 排行榜視窗最下面的「設定第一名封號」（自己是第一名才有；掛在 #ranking-window .box 最後面）
   2. 設定封號的小視窗（.lmui-ov 外框，內容只有一行輸入框，所以高度跟著內容、不撐滿）
   3. 跑馬燈裡第一名的名字金色（enhbc.js 的 parts） */
#ranking-window .t1-entry { flex: none; margin: 0 8px 8px; padding: 9px 10px; border: 1px solid #c9a227; border-radius: 6px;
  background: linear-gradient(#5a4512, #2a1f08); color: #ffe7a0; font-weight: 700; font-size: 15px; font-family: inherit; cursor: pointer; text-shadow: 0 1px 0 #000; }
#ranking-window .t1-entry:active { filter: brightness(1.25); }

.t1-ov .box { height: auto; max-height: 100%; max-width: 360px; }
.t1-ov .bd { flex: none; gap: 10px; padding: 10px 14px 14px; }
.t1-boards { text-align: center; color: #ffd54a; font-weight: 700; font-size: 15px; text-shadow: 0 0 6px rgba(255,200,60,.5), 0 1px 0 #000; }
.t1-in { width: 100%; box-sizing: border-box; padding: 9px 10px; border: 1px solid #8a6d2a; border-radius: 6px; background: #0f0c08; color: #ffd54a;
  font: 700 17px/1.2 "Microsoft JhengHei", "PingFang TC", sans-serif; text-align: center; outline: none; }
.t1-in:focus { border-color: #ffd54a; box-shadow: 0 0 0 2px rgba(255,213,74,.25); }
.t1-in::placeholder { color: #6f6046; font-weight: 400; }
.t1-msg { min-height: 1.2em; text-align: center; color: #ff9a8a; font-size: 13px; }
.t1-msg:empty { min-height: 0; }
.t1-btns { display: flex; gap: 8px; }
.t1-btns button { flex: 1; padding: 9px 6px; border: 1px solid #5a4630; border-radius: 6px; background: linear-gradient(#2c2218, #18120c); color: #e9dcc0;
  font-weight: 700; font-size: 15px; font-family: inherit; cursor: pointer; }
.t1-btns .t1-ok { border-color: #c9a227; background: linear-gradient(#6b5216, #33260a); color: #fff1c4; }
.t1-btns button:active { filter: brightness(1.25); }

#enh-broadcast .t1-bc-name { color: #ffd54a; text-shadow: 0 0 6px rgba(255,200,60,.8), 0 1px 0 #000; }

/* 第 166 項（站長 2026-10-24）：特殊封號的小標籤（排行榜頒獎台第一名、點玩家的小卡、能力頁）。配色同 js/top1.js 的 BADGE：
   k0 傳說勇者（勇者金）、k1 怪物博士（冰藍）、k2 奇趣收藏家（紫粉）；深色圓角底＋發光邊＋漸層字，每 3.6 秒一道光掃過（減少動態＝不掃） */
.t1-tag { --t: #fffbe0; --m: #ffd23a; --b: #c8830a; --p: rgba(52,28,0,.85); --e: #ffcc3d; --g: rgba(255,186,30,.75);
  position: relative; display: inline-block; overflow: hidden; padding: 1px 9px 2px; border: 1px solid var(--e); border-radius: 999px; background: var(--p);
  box-shadow: 0 0 6px var(--g), inset 0 0 4px rgba(255,255,255,.12); font: 700 12px/1.35 "Microsoft JhengHei", "PingFang TC", sans-serif; white-space: nowrap; vertical-align: middle; }
.t1-tag i { font-style: normal; color: var(--m); background: linear-gradient(var(--t), var(--m) 50%, var(--b)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 2px var(--g)) drop-shadow(0 1px 0 rgba(0,0,0,.9)); }
.t1-tag::after { content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 45%; pointer-events: none;
  background: linear-gradient(105deg, transparent, rgba(255,255,255,.75), transparent); animation: t1Shine 3.6s ease-in-out infinite; }
@keyframes t1Shine { 0% { left: -60%; } 21%, 100% { left: 120%; } }
@media (prefers-reduced-motion: reduce) { .t1-tag::after { display: none; } }
.t1-tag.k1 { --t: #f2ffff; --m: #86ecff; --b: #2a9de0; --p: rgba(4,24,42,.85); --e: #8fe3ff; --g: rgba(70,196,255,.75); }
.t1-tag.k2 { --t: #fff2ff; --m: #ff9fe2; --b: #a95cff; --p: rgba(44,6,52,.85); --e: #ff9fe2; --g: rgba(214,96,255,.75); }
.rk-who .t1-tag { margin: 0 0 3px; font-size: 11px; }
.ab-honor > div > span, #lmui-ptplayer .pt-card .t1-tag { flex: none; }
.ab-honor b { color: #f3e6c4; font-weight: 400; font-size: 12px; text-align: right; }

/* 第 166 項（站長 2026-10-24「榮耀的象徵，有滿滿儀式感」）：
   1. 全服跑馬燈：授予的那則大字金色（enhbc.js 加 .t1-big）
   2. 榮耀卡（js/top1.js openCard；點封號標籤、主城雕像）：徽章大圖＋光芒、怎麼拿到、持有者、持有多久、附加能力。--c 字色、--e 邊、--g 光暈＝那個封號的配色
   3. 加冕動畫（js/top1.js crown；本人）：暗下來 → 光柱從天而降 → 徽章浮現放大 → 「你成為了〔…〕」→ 能力一行一行亮出來；減少動態＝直接顯示 */
.t1-tag[data-t1k] { cursor: pointer; }
#enh-broadcast.t1-big .enh-bc-text { font-size: 1.25em; font-weight: 700; color: #ffe9a0; text-shadow: 0 0 8px rgba(255,190,40,.85), 0 1px 0 #000; }
#enh-broadcast.t1-big .t1-bc-name { color: #fff3c4; }

.t1-card-ov { display: flex; align-items: center; justify-content: center; }
.t1-card-ov .t1-card { position: relative; width: min(340px, calc(100vw - 32px)); height: auto; max-height: calc(100% - 24px); overflow: auto; padding: 0 0 14px;
  border: 1px solid var(--e); border-radius: 12px; background: radial-gradient(120% 70% at 50% 0%, rgba(255,255,255,.08), transparent 60%), linear-gradient(#1d1610, #0e0a07);
  box-shadow: 0 0 24px var(--g), inset 0 0 0 1px rgba(255,255,255,.06); color: #eee; animation: t1cIn .28s ease-out both; }
@keyframes t1cIn { from { transform: scale(.88); opacity: 0; } to { transform: none; opacity: 1; } }
.t1-card .t1c-x { position: absolute; top: 6px; right: 8px; z-index: 2; border: 0; background: none; color: #cbb98f; font-size: 18px; cursor: pointer; }
.t1c-head { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 26px 12px 12px; overflow: hidden; }
.t1c-rays { position: absolute; left: 50%; top: 46px; width: 300px; height: 300px; margin: -150px 0 0 -150px; pointer-events: none; opacity: .55;
  background: repeating-conic-gradient(from 0deg, var(--g) 0deg 6deg, transparent 6deg 18deg); -webkit-mask: radial-gradient(circle, #000 0, transparent 65%); mask: radial-gradient(circle, #000 0, transparent 65%);
  animation: t1Spin 18s linear infinite; }
@keyframes t1Spin { to { transform: rotate(360deg); } }
.t1c-badge { position: relative; display: block; }
.t1c-src { position: relative; color: var(--c); font-size: 13px; letter-spacing: 2px; text-shadow: 0 0 6px var(--g); }
.t1c-rows { display: flex; flex-direction: column; margin: 0 14px; border-top: 1px solid rgba(255,255,255,.1); }
.t1c-rows > div { display: flex; align-items: flex-start; gap: 12px; padding: 8px 2px; border-bottom: 1px solid rgba(255,255,255,.07); font-size: 14px; }
.t1c-rows span { flex: none; width: 64px; color: #a8997a; }
.t1c-rows b { flex: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; font-weight: 400; }
.t1c-who { font-style: normal; font-weight: 700; color: var(--c); }
.t1c-rows small { color: #b8aa88; font-size: 12px; }
.t1c-clan { display: inline-flex; align-items: center; gap: 4px; color: #d8cfb8; font-size: 12px; }
.t1c-clan img { width: 16px; height: 12px; image-rendering: pixelated; }
.t1c-bonus b { flex-direction: column; align-items: flex-start; }
.t1c-bonus i { font-style: normal; font-weight: 700; color: #fff1c4; text-shadow: 0 0 6px var(--g); }
@media (prefers-reduced-motion: reduce) { .t1c-rays { animation: none; } .t1-card-ov .t1-card { animation: none; } }

.t1-crown { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; overflow: hidden;
  background: radial-gradient(circle at 50% 42%, rgba(30,20,6,.55), rgba(0,0,0,.82)); animation: t1kFade .4s ease-out both; }
@keyframes t1kFade { from { opacity: 0; } }
.t1k-beam { position: absolute; left: 50%; top: 0; width: 180px; margin-left: -90px; height: 100%; pointer-events: none; transform-origin: top;
  background: linear-gradient(90deg, transparent, var(--g) 35%, rgba(255,255,255,.85) 50%, var(--g) 65%, transparent); filter: blur(6px); opacity: .55;
  animation: t1kBeam 1.1s cubic-bezier(.2,.8,.3,1) both, t1kBeamPulse 2.4s 1.1s ease-in-out infinite; }
@keyframes t1kBeam { from { transform: scaleY(0); opacity: 0; } 60% { opacity: .9; } to { transform: scaleY(1); opacity: .55; } }
@keyframes t1kBeamPulse { 50% { opacity: .35; } }
.t1k-rays { position: absolute; left: 50%; top: 42%; width: 640px; height: 640px; margin: -320px 0 0 -320px; pointer-events: none; opacity: 0;
  background: repeating-conic-gradient(from 0deg, var(--g) 0deg 5deg, transparent 5deg 15deg); -webkit-mask: radial-gradient(circle, #000 0, transparent 62%); mask: radial-gradient(circle, #000 0, transparent 62%);
  animation: t1kRaysIn .8s .7s ease-out forwards, t1Spin 24s linear infinite; }
@keyframes t1kRaysIn { to { opacity: .5; } }
.t1k-body { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 0 16px; text-align: center; }
.t1k-pre { color: #f6e3a6; font-size: 14px; letter-spacing: 8px; opacity: 0; animation: t1kUp .5s .5s ease-out forwards; }
.t1k-badge { display: block; opacity: 0; filter: drop-shadow(0 0 18px var(--g)); animation: t1kBadge .9s .8s cubic-bezier(.2,1.6,.4,1) forwards; }
@keyframes t1kBadge { from { opacity: 0; transform: translateY(-40px) scale(.3); } to { opacity: 1; transform: none; } }
.t1k-msg { color: #fff; font-size: 22px; font-weight: 700; text-shadow: 0 0 10px var(--g), 0 2px 0 #000; opacity: 0; animation: t1kUp .5s 1.4s ease-out forwards; }
.t1k-src { color: var(--c); font-size: 14px; opacity: 0; animation: t1kUp .5s 1.55s ease-out forwards; }
.t1k-lines { margin: 6px 0 4px; padding: 0; list-style: none; }
.t1k-lines li { margin: 4px 0; color: #fff1c4; font-size: 18px; font-weight: 700; text-shadow: 0 0 8px var(--g), 0 1px 0 #000; opacity: 0;
  animation: t1kLine .5s calc(1.7s + var(--i) * .45s) ease-out forwards; }
.t1k-lines li::before { content: "＋ "; color: var(--c); }
@keyframes t1kLine { from { opacity: 0; transform: translateX(-16px); filter: brightness(2.2); } to { opacity: 1; transform: none; filter: none; } }
@keyframes t1kUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.t1k-ok { margin-top: 8px; padding: 9px 28px; border: 1px solid var(--e); border-radius: 999px; background: linear-gradient(#5a4512, #2a1f08); color: #ffe7a0;
  font: 700 16px/1 "Microsoft JhengHei", "PingFang TC", sans-serif; cursor: pointer; opacity: 0; animation: t1kUp .5s 2.6s ease-out forwards; box-shadow: 0 0 12px var(--g); }
.t1-crown.k1 .t1k-ok { background: linear-gradient(#123a52, #08202e); color: #d8f7ff; }
.t1-crown.k2 .t1k-ok { background: linear-gradient(#4a1652, #26082c); color: #ffe0f6; }
.t1-crown.calm, .t1-crown.calm * { animation: none !important; opacity: 1 !important; }
.t1-crown.calm .t1k-rays { opacity: .3 !important; }

/* 第 167 項：榮耀外顯開關（持有者自己的榮耀卡）、雕像榮耀卡的說明 */
.t1c-rows > .t1c-show { flex-direction: column; gap: 4px; }
.t1c-sw { display: inline-flex; align-items: center; gap: 8px; color: #f3e6c4; font-weight: 700; cursor: pointer; user-select: none; }
.t1c-sw input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.t1c-sw i { position: relative; flex: none; width: 38px; height: 22px; border-radius: 999px; background: #3a3226; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); transition: background .2s; }
.t1c-sw i::after { content: ""; position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: #cbbd9c; transition: transform .2s, background .2s; }
.t1c-sw input:checked + i { background: var(--e); box-shadow: 0 0 8px var(--g); }
.t1c-sw input:checked + i::after { transform: translateX(16px); background: #fff; }
.t1c-sw input:focus-visible + i { outline: 2px solid #fff; outline-offset: 2px; }
.t1c-show small { color: #a8997a; font-size: 12px; font-weight: 400; }
.t1c-notes { margin: 10px 14px 0; padding: 8px 10px 8px 26px; border-radius: 8px; background: rgba(255,255,255,.04); color: #d8cfb8; font-size: 12.5px; line-height: 1.6; }
.t1c-notes li::marker { color: var(--c); }
.lmui-ov .t1-card .t1c-rows, .lmui-ov .t1-card .t1c-notes { margin-right: 26px; }

/* 第 169 項（站長 2026-10-24 截圖「榮耀卡右側多一條捲軸」）：卡片排版收緊，一般電腦畫面（約 1366×650 可視高）、手機放得下不用捲；
   真的放不下（很矮的視窗）照樣可以捲，但捲軸藏起來。成績那行（奇趣收藏家收藏幾種、怪物博士幾分答對幾題）同其他列 */
.t1-card-ov .t1-card { scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 10px; }
.t1-card-ov .t1-card::-webkit-scrollbar { display: none; width: 0; height: 0; }
.t1-card .t1c-head { gap: 4px; padding: 18px 12px 8px; }
.t1-card .t1c-rows > div { padding: 6px 2px; font-size: 13.5px; }
.t1-card .t1c-notes { margin-top: 8px; padding: 6px 10px 6px 24px; font-size: 12px; line-height: 1.5; }
@media (max-height: 560px) { .t1-card .t1c-head { padding-top: 12px; } .t1-card .t1c-badge { transform: scale(.85); margin: -6px 0; } }
/* 站長看到的「捲軸」其實是 3.5 視窗外框（lmui.css「3.5 視窗外框」，.lmui-ov .box 一律套）右邊那條金色捲軸——榮耀卡有自己的發光邊框，不套那個外框：
   拿掉外框圖（::before／::after）、捲軸圓鈕（frame.js .l35-knob），邊框、底色、留白照第 166 項原本的（權重要高過外框那條） */
.lmui-ov.t1-card-ov .box.t1-card { width: min(340px, calc(100vw - 32px)); max-width: none; height: auto; max-height: calc(100% - 24px); padding: 0 0 10px; border: 1px solid var(--e); border-radius: 12px; overflow: auto;
  background: radial-gradient(120% 70% at 50% 0%, rgba(255,255,255,.08), transparent 60%), linear-gradient(#1d1610, #0e0a07);
  box-shadow: 0 0 24px var(--g), inset 0 0 0 1px rgba(255,255,255,.06); isolation: auto; min-width: 0; min-height: 0; }
.lmui-ov.t1-card-ov .box.t1-card::before, .lmui-ov.t1-card-ov .box.t1-card::after, .lmui-ov.t1-card-ov .box.t1-card > .l35-knob { display: none; }
.lmui-ov.t1-card-ov .box.t1-card .t1c-rows, .lmui-ov.t1-card-ov .box.t1-card .t1c-notes { margin-right: 14px; }