/* 皇室铭牌 - 号码详情页 */
.royal-plate{position:relative;width:100%;max-width:380px;margin:20px auto 16px;padding:0;border-radius:14px;overflow:visible;background:transparent;clear:both}
.royal-plate-crown{position:absolute;left:14px;top:-18px;width:36px;height:26px;z-index:3;pointer-events:none}
.royal-plate-crown svg{width:100%;height:100%;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}
.royal-plate-body{position:relative;border-radius:29px;overflow:hidden;background:#000;border:2px solid #D4AF37;box-shadow:0 0 12px rgba(212,175,55,.25),inset 0 0 8px rgba(212,175,55,.08)}/*圆弧度 */
.royal-plate-body::before{content:'';position:absolute;left:0;top:0;width:35%;height:100%;background:linear-gradient(135deg,rgba(220,220,220,.5) 0%,rgba(160,160,160,.6) 50%,rgba(80,80,80,.1) 100%);clip-path:polygon(0 0,100% 0,57% 100%,0 100%);pointer-events:none}
.royal-plate-body::after{content:'';position:absolute;left:35%;top:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(212,175,55,.3),transparent);transform:translateX(-30%);pointer-events:none}

/* 流光 */
.royal-shine{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:2}
.royal-shine::before{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,240,200,.15) 20%,rgba(255,255,255,.45) 50%,rgba(255,240,200,.15) 80%,transparent 100%);animation:royal-shine-sweep 3.5s ease-in-out infinite}
@keyframes royal-shine-sweep{0%{left:-60%}50%{left:120%}100%{left:120%}}

/* 星尘飘落 */
.royal-snow{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}
.royal-snow span{position:absolute;border-radius:50%;background:rgba(255,255,255,.6);animation:royal-snow-fall linear infinite}
@keyframes royal-snow-fall{0%{transform:translateY(-10px) translateX(0);opacity:0}10%{opacity:.8}90%{opacity:.6}100%{transform:translateY(120px) translateX(6px);opacity:0}}

/* 金色星星 */
.royal-star{position:absolute;border-radius:50%;background:#D4AF37;animation:royal-star-twinkle ease-in-out infinite}
@keyframes royal-star-twinkle{0%,100%{opacity:.15;transform:scale(.8)}50%{opacity:.65;transform:scale(1.2)}}

/* 内容 */
.royal-plate-content{position:relative;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 12px;min-height:unset}
.royal-plate-label{display:flex;align-items:center;flex-shrink:0;max-width:32%}
.royal-plate-logo{width:22px;height:22px;object-fit:contain;border-radius:3px;flex-shrink:0}
.royal-plate-logo-fallback{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:bold;color:#D4AF37;flex-shrink:0}
.royal-plate-name{font-size:15px;font-weight:bold;font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:linear-gradient(180deg,#F4E4BC,#D4AF37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;text-shadow:0 0 6px rgba(212,175,55,.3)}
.royal-plate-sep{flex-shrink:0;width:1px;height:28px;background:linear-gradient(180deg,transparent,rgba(212,175,55,.4),transparent)}

/* Logo金色色调统一 */
.royal-logo-tint{filter:grayscale(100%) sepia(100%) hue-rotate(8deg) saturate(350%) brightness(88%) contrast(110%)}

/* 3D翻页动画 */
.royal-flip-container{perspective:300px;width:60px;height:60px;position:relative}
.royal-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:royal-flip-cycle 4s ease-in-out infinite}
.royal-flip-front,.royal-flip-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;overflow:visible}
.royal-flip-front{transform:rotateY(0deg)}
.royal-flip-back{transform:rotateY(180deg)}
@keyframes royal-flip-cycle{
  0%,38%{transform:rotateY(0deg)}
  50%,88%{transform:rotateY(180deg)}
  100%{transform:rotateY(360deg)}
}
.royal-flip-front .royal-plate-logo{width:52px;height:52px}
.royal-flip-front .royal-plate-logo-fallback{width:52px;height:52px;font-size:20px}
.royal-flip-back .royal-plate-name{font-size:27px;white-space:nowrap;text-shadow:0 0 4px rgba(212,175,55,.4)}
.royal-plate-number{flex:1;font-weight:bold;font-family:"Microsoft YaHei","PingFang SC",sans-serif;text-align:center;letter-spacing:.5px;background:linear-gradient(180deg,#FFD700 0%,#FFC125 30%,#F4E4BC 60%,#FFFACD 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 8px rgba(255,215,0,.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}
.royal-plate-number-stroke{-webkit-text-stroke:.3px rgba(184,134,11,.3)}

/* 号码自适应字号 - JS加载前的fallback，JS会自动精确调整 */
.royal-num-s{font-size:25px}
.royal-num-m{font-size:28px}
.royal-num-l{font-size:30px}
.royal-num-xl{font-size:34px}
.royal-num-xxl{font-size:36px}

@media(max-width:380px){
  .royal-plate-content{padding:8px 12px;gap:8px}
  .royal-plate-name{font-size:15px}
  .royal-plate-logo,.royal-plate-logo-fallback{width:18px;height:18px}
  .royal-plate-crown{width:30px;height:22px;top:-14px;left:10px}
  .royal-flip-container{width:20px;height:20px}
  .royal-flip-front .royal-plate-logo,.royal-flip-front .royal-plate-logo-fallback{width:30px;height:30px}
  .royal-flip-front .royal-plate-logo-fallback{font-size:16px}
  .royal-flip-back .royal-plate-name{font-size:25px}
  .royal-num-s{font-size:28px}
  .royal-num-m{font-size:24px}
  .royal-num-l{font-size:20px}
  .royal-num-xl{font-size:17px}
  .royal-num-xxl{font-size:14px}
}