/* 蓝帖法术提示（用户 10-30 定稿，总入口 17 号）：偏液态那档玻璃；图标放大裁边、放框外带玻璃边；
   描述金黄色、数字绿色；名字下一行短标签（施法、冷却、距离、消耗）；法术编号小胶囊放名字右边；
   条件照游戏写法 [条件名：内容]，只有括号和条件名浅蓝（总入口 22 号）。
   和蓝帖正文 1:1 样式一样是写死颜色的例外：要跟游戏里的提示框像，不用网站令牌。 */

/* 正文里的技能名：前面小图标，名字淡金色、虚线下划线 */
.bp-spell{color:#ffd76a;border-bottom:1px dotted rgba(255,215,106,.6);cursor:help;white-space:nowrap}
.bp-spell__ico{display:inline-block;width:1.1em;height:1.1em;border-radius:.28em;overflow:hidden;vertical-align:-.17em;margin-right:.22em}
.main-bluepost .EXWIND_content .bp-spell__ico img{width:100%;height:100%;margin:0;border-radius:0;display:block;transform:scale(1.18)}
.bp-tips-off .bp-spell{color:inherit;border-bottom:0;cursor:inherit}
.bp-tips-off .bp-spell__ico{display:none}

/* 文章顶上：左边法术描述提示开关和“仅供参考”，右边复制长图 */
.bp-tipbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:14px 0 0;font-size:13px}
.bp-switch{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 9px;border-radius:999px;background:#121822;border:1px solid #2a3343;
  color:#e6e8eb;font-size:14.5px;font-weight:600;cursor:pointer;user-select:none}
.bp-switch:hover{border-color:#3d4a60}
.bp-switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.bp-switch__track{position:relative;flex:none;width:44px;height:24px;border-radius:999px;background:#2a313c;border:1px solid #3a4250;transition:background .15s,border-color .15s}
.bp-switch__track::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#aab3c2;transition:transform .15s,background .15s}
.bp-switch input:checked+.bp-switch__track{background:#2f7fe0;border-color:#4aa8ff}
.bp-switch input:checked+.bp-switch__track::after{transform:translateX(20px);background:#fff}
.bp-switch input:focus-visible+.bp-switch__track{outline:2px solid #4aa8ff;outline-offset:2px}
.bp-tipbar__note{color:#8a93a3;font-size:13px}
.bp-copy{margin-left:auto}

/* 浮动提示框 */
.bp-float{position:fixed;z-index:80;pointer-events:none;display:none;padding-left:46px}
.bp-tip{position:relative;width:300px;font-size:14px;line-height:1.45;color:#fff;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;text-align:left}
.bp-tip__ico{position:absolute;left:-46px;top:0;width:42px;height:42px;border-radius:11px;overflow:hidden;display:block;
  box-shadow:0 0 0 1px rgba(0,0,0,.55),0 0 14px rgba(120,160,255,.18),0 6px 16px rgba(0,0,0,.55)}
.bp-tip__ico img{width:100%;height:100%;display:block;transform:scale(1.18)}
.bp-tip__ico::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.10);
  background:linear-gradient(155deg,rgba(255,255,255,.22) 0,rgba(255,255,255,.04) 30%,transparent 50%)}
.bp-tip__box{position:relative;overflow:hidden;border-radius:12px;padding:7px 10px 6px;
  --blur:9px;--tint:.58;--milk:.01;--rim:.34;--sheen:.18;--sat:185%;
  background:linear-gradient(180deg,rgba(255,255,255,var(--milk)),rgba(255,255,255,calc(var(--milk) * .4))),rgba(14,18,28,var(--tint));
  -webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));
  border:1px solid rgba(255,255,255,calc(var(--rim) * .55));
  box-shadow:0 18px 40px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,var(--rim)),inset 0 -1px 0 rgba(255,255,255,calc(var(--rim) * .3)),inset 1px 0 0 rgba(255,255,255,calc(var(--rim) * .35))}
.bp-tip__box::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:linear-gradient(155deg,rgba(255,255,255,var(--sheen)) 0,rgba(255,255,255,calc(var(--sheen) * .25)) 24%,transparent 46%),
             radial-gradient(80% 50% at 100% 100%,rgba(140,180,255,calc(var(--sheen) * .5)),transparent 70%)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.bp-tip__box{background:#151a23}}
.bp-tip__box>*{position:relative;z-index:1}
.bp-tip__hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bp-tip__name{font-size:15.5px;font-weight:600;line-height:1.25}
.bp-tip__sid{flex:none;font:500 10.5px/1 Consolas,"JetBrains Mono",monospace;color:#aab3c2;letter-spacing:.02em;padding:3px 6px;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
.bp-tip__sid b{font-weight:500;color:#6f7889;margin-right:3px}
.bp-tip__tags{display:flex;flex-wrap:wrap;gap:3px;margin:4px 0}
.bp-tip__tags span{font-size:11px;line-height:1;padding:3px 6px;border-radius:999px;color:#e9edf3;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10)}
.bp-tip__desc{padding-bottom:1px;color:#ffd100;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.bp-tip__desc p{margin:0}
.bp-tip__desc p+p{margin-top:.3em}
.bp-tip__desc .n{color:#4ee070}
.bp-tip__desc .cn{color:#8fd0ff;font-weight:600}
@media (max-width:760px){.bp-tip{width:min(300px,calc(100vw - 78px))}}