/* ===== 守护榜（guard-*）· 紫黑星空 / 星云紫白 ===== */

.guard-wrap{position:relative;display:flex;flex-direction:column}
.guard-wrap:before{
  content:"";position:absolute;top:-6px;left:0;right:0;height:190px;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle 1.3px at 16% 22%, rgba(255,255,255,.85), transparent),
    radial-gradient(circle 1px at 84% 16%, rgba(205,191,255,.75), transparent),
    radial-gradient(circle 1px at 58% 40%, rgba(255,255,255,.45), transparent),
    radial-gradient(240px 140px at 50% 0%, rgba(124,92,255,.26), transparent 70%);
  opacity:.9;
}
.guard-wrap > *{position:relative;z-index:1}

/* 全服飘屏（登姬成功后） */
.guard-float{display:flex;align-items:center;gap:7px;margin-bottom:10px;padding:7px 11px;
  border-radius:var(--r-pill);overflow:hidden;
  background:linear-gradient(90deg,rgba(185,167,255,.18),rgba(185,167,255,.05) 70%,rgba(124,92,255,.12));
  border:1px solid var(--line)}
.guard-float:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-40%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  animation:guardShine 3.2s ease-in-out infinite}
@keyframes guardShine{0%{left:-40%}60%,100%{left:120%}}
.guard-float-tag{flex:none;font-size:8.5px;font-weight:700;color:#fff;padding:2px 7px;border-radius:6px;
  background:linear-gradient(135deg,#b3a2ff,#7c5cff);letter-spacing:.3px}
.guard-float-text{flex:1;min-width:0;font-size:10px;color:var(--violet-1);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;position:relative;z-index:1}

/* 宝座 */
.guard-throne{padding:15px 14px 13px}
.guard-throne-glow{position:absolute;left:8%;right:8%;top:-72px;height:176px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(124,92,255,.42),transparent);filter:blur(2px)}
.guard-throne-hd{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px}
.guard-throne-title{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:1px;color:var(--violet-1)}
.guard-throne-main{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin:13px 0 10px}
.guard-throne-avatar{flex:none;display:flex;filter:drop-shadow(0 0 16px rgba(185,167,255,.5));
  animation:floaty 4.2s ease-in-out infinite}
.guard-throne-info{flex:1;min-width:0}
.guard-throne-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:15px;font-weight:700}
.guard-throne-name .chip{height:17px;padding:0 7px}
.guard-throne-value{font-size:10px;color:var(--text-3);margin-top:3px;display:flex;align-items:baseline;gap:3px}
.guard-throne-value b{font-family:var(--font-display);font-size:19px;color:var(--text-1);
  font-variant-numeric:tabular-nums;line-height:1.1;text-shadow:0 0 16px rgba(185,167,255,.35)}
.guard-throne-status{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:9px;color:var(--text-3);min-width:0}
.guard-throne-status .chip{flex:none;height:17px;padding:0 7px;font-size:9px}
.guard-throne-status span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guard-throne-mine{position:relative;z-index:1;font-size:9.5px;line-height:1.55;color:var(--violet-2);
  padding:6px 9px;border-radius:9px;background:rgba(185,167,255,.07);border:1px solid var(--line-soft)}
.guard-throne .btn{position:relative;z-index:1;margin-top:10px}

/* 榜单 */
.guard-rank-list{margin-top:2px}
.guard-rank-row{cursor:pointer}
.guard-rank-row.is-me{border-color:rgba(185,167,255,.34);
  background:linear-gradient(120deg,rgba(185,167,255,.12),rgba(124,92,255,.08))}
.guard-rank-row .rank-name .tag{white-space:nowrap}
.guard-tag-me{color:var(--violet-2);font-weight:700}
.guard-rank-foot{line-height:1.7}

/* 规则 */
.guard-rules{padding:4px 14px}
.guard-rule{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.guard-rule:last-child{border-bottom:0}
.guard-rule .k{flex:none;font-size:9.5px;font-weight:600;letter-spacing:.5px;color:var(--violet-2)}
.guard-rule .v{flex:1;min-width:0;font-size:10px;color:var(--text-2);line-height:1.6}

/* 登姬弹层 */
.guard-sheet-note{padding:9px 11px;border-radius:10px;font-size:10px;line-height:1.7;
  background:rgba(124,92,255,.10);border:1px solid rgba(167,139,250,.22);color:var(--text-2)}
.guard-field{margin-top:14px}
.guard-field-label{display:block;font-size:10px;color:var(--text-3);margin-bottom:6px}
.guard-field-row{display:flex;align-items:center;gap:8px}
.guard-field-row input{flex:1;min-width:0;height:36px;border:1px solid var(--line-soft);border-radius:10px;
  background:rgba(255,255,255,.05);padding:0 11px;font-size:12px;color:var(--text-1);outline:none}
.guard-field-row input::placeholder{color:var(--text-4);font-size:11px}
.guard-field-row input:focus{border-color:var(--line-strong);background:rgba(185,167,255,.08)}
.guard-field-row .btn{flex:none}
.guard-anchor-empty{margin-top:12px;padding:14px 10px;border:1px dashed var(--line-soft);border-radius:11px;
  font-size:9.5px;color:var(--text-4);text-align:center;line-height:1.6}
.guard-anchor{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 11px 14px;border-radius:12px;
  background:rgba(255,255,255,.04);border:1px solid var(--line-soft)}
.guard-anchor-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;font-weight:600}
.guard-anchor-name .chip{height:17px;padding:0 7px;font-size:9px}
.guard-anchor-sub{font-size:9px;color:var(--text-3);line-height:1.5;margin-top:3px;font-variant-numeric:tabular-nums}
.guard-anchor-gift{display:flex;align-items:center;gap:9px;margin-top:8px;padding:9px 11px;border-radius:11px;
  background:linear-gradient(120deg,rgba(185,167,255,.14),rgba(124,92,255,.12));border:1px solid var(--line)}
.guard-anchor-gift .em{flex:none;font-size:18px;line-height:1}
.guard-anchor-gift .chip{flex:none;height:18px;padding:0 7px;font-size:9px}

/* 登姬成功态 */
.guard-success{text-align:center;padding:4px 0}
.guard-success-em{font-size:34px;line-height:1.2;filter:drop-shadow(0 4px 16px rgba(185,167,255,.55))}
.guard-success-t{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text-1);margin-top:6px}
.guard-success-s{font-size:10px;color:var(--text-3);line-height:1.65;margin-top:5px}
.guard-success-list{display:flex;flex-direction:column;gap:8px;margin-top:14px;text-align:left}
.guard-success-list .row{align-items:center;gap:7px;font-size:10px;color:var(--text-2);line-height:1.55}
.guard-success-list .chip{flex:none;height:18px;padding:0 7px;font-size:9px}

/* 登姬弹层：底部操作区吸底 */
.sheet:has(.guard-sheet-note) .sheet-foot{position:sticky;bottom:-2px;margin-top:8px;padding:10px 0 2px;
  background:linear-gradient(180deg,rgba(16,8,34,0),rgba(16,8,34,.97) 46%)}

/* 宝座右上角「规则」按钮 */
.guard-throne-hd .guard-rules-btn{height:24px;padding:0 11px;font-size:10px;letter-spacing:1px;border-radius:999px}