/* ╔══════════════════════════════════════════════════════════════╗
   ║  百炼成神 · 仙灵圣光全量内置CSS代理引擎 v7.0                 ║
   ║  APOTHEOSIS · SACRED LIGHT PURE CSS LIGHT ENGINE             ║
   ║  分区: [A] 聊天框全量美化 [B] UI集群系统 [C] 150+ 动效图形   ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* ═══════════════════════════════════════════════════════════════
   [A-1] 统一聊天框覆写 (输入与输出共有 · 绝无任何暗色)
   ═══════════════════════════════════════════════════════════════ */
.bg-gray-100\/90.relative.inline-block{background:linear-gradient(165deg,#FFFFFF 0%,#FDFDF9 50%,#FFFBF0 100%)!important;border:3px solid #CDA066!important;border-radius:24px!important;box-shadow:0 15px 40px rgba(205,160,102,0.15),6px 6px 0px #F5E6CC,-3px -3px 0px #FFFFFF,inset 0 0 20px rgba(255,255,255,0.9)!important;margin-bottom:30px!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;position:relative!important;overflow:visible!important;transition:all 0.4s ease-in-out!important}
.bg-gray-100\/90.relative.inline-block::before{content:"太一天宫 · 天道总律总枢";position:absolute;top:-12px;left:24px;background:linear-gradient(90deg,#CDA066,#E1C28F);color:#FFFFFF;font-size:11px;font-weight:900;padding:2px 14px;border:1.5px solid #8C6239;border-radius:20px;box-shadow:2px 2px 0 #F5E6CC;letter-spacing:1px;z-index:10;pointer-events:none}
.bg-gray-100\/90.relative.inline-block::after{content:"";position:absolute;bottom:0;left:0;right:0;height:6px;background:repeating-linear-gradient(45deg,#CDA066,#CDA066 12px,#FFFFFF 12px,#FFFFFF 24px);border-bottom-left-radius:20px;border-bottom-right-radius:20px;pointer-events:none}

/* ═══════════════════════════════════════════════════════════════
   [A-2] 单独的输入/输出框特异性覆写与主要文本
   ═══════════════════════════════════════════════════════════════ */
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90){border-color:#8C6239!important;box-shadow:5px 5px 0px #CDA066!important;background:#FFFFFF!important}
.markdown-body{color:#3A332A!important;font-family:'PingFang SC','Noto Serif SC','Songti SC',serif!important;font-size:16px!important;line-height:2.1!important;letter-spacing:0.5px!important}
.markdown-body em, .markdown-body strong{color:#C8503C!important;font-weight:900!important}
[class*="bg-[#F1CBCB]"],[class*="bg-[#c9e1e9]"]{display:none!important}

/* ═══════════════════════════════════════════════════════════════
   [A-3] 顶部导航栏 / 底部输入区 / 按钮级部件覆写
   ═══════════════════════════════════════════════════════════════ */
.sticky.w-full.top-0.flex.items-center{background:rgba(255,255,255,0.97)!important;backdrop-filter:blur(20px)!important;border-bottom:3px solid #CDA066!important;box-shadow:0 4px 0px #F5E6CC!important;padding-top:max(0px,env(safe-area-inset-top))!important}
#ai-model-selector .group.flex.items-center{background:#FFFDF7!important;border:2px solid #CDA066!important;border-radius:12px!important;box-shadow:2px 2px 0 #F5E6CC!important}
#ai-model-selector .truncate.text-\[13px\]{color:#8C6239!important;font-weight:900!important}
.bg-gradient-to-t{background:linear-gradient(to top,#FFFFFF 0%,rgba(255,255,255,0.95) 80%,transparent 100%)!important}
#ai-chat-bottom-input{background:#FFFFFF!important;border:2.5px solid #8C6239!important;box-shadow:5px 5px 0 #CDA066!important;border-radius:14px!important}
#ai-chat-bottom-input:focus-within{box-shadow:5px 5px 0 #C8503C!important;border-color:#C8503C!important}
#ai-chat-input{color:#3A332A!important;font-weight:700!important;font-size:15px!important}
#ai-chat-input::placeholder{color:#C5BCAE!important}
#ai-chat-input::selection{background:#F5E6CC!important;color:#8C6239!important}

/* 底部操作按钮与消耗统计 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary{color:#8C6239!important;font-weight:900!important;background:rgba(205,160,102,0.12)!important;border-radius:8px!important;padding:4px 10px!important;transition:all 0.2s!important}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover{background:#CDA066!important;color:#FFFFFF!important}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2{color:#CDA066!important;font-weight:700!important}
.text-orange-500{color:#C8503C!important;font-weight:900!important}

/* 分页组件 */
.MuiPaginationItem-root{color:#8C6239!important;font-weight:900!important;border:2px solid #CDA066!important;background:#FFFDF9!important;border-radius:6px!important}
.MuiPaginationItem-root:hover{background:#F5E6CC!important}
.MuiPaginationItem-root.Mui-selected{background:linear-gradient(135deg,#CDA066,#8C6239)!important;color:#FFFFFF!important;box-shadow:2px 2px 0px #F5E6CC!important}
#ai-mod-button2 button.MuiButton-root{background:linear-gradient(135deg,#CDA066 0%,#8C6239 100%)!important;color:#FFFFFF!important;border-radius:10px!important;font-weight:900!important;box-shadow:3px 3px 0 #F5E6CC!important}

/* ═══════════════════════════════════════════════════════════════
   [A-4] 加载元素覆写 · 八卦乾坤炼丹炉流光动效 (100% 替换默认闪烁)
   ═══════════════════════════════════════════════════════════════ */
.style_dot-flashing__8L91Q,.style_text__zGhNq{display:none!important}
.flex.items-center.justify-center.w-6.h-5{position:relative!important;width:48px!important;height:48px!important;background:none!important}
.flex.items-center.justify-center.w-6.h-5::before{content:"";position:absolute;width:34px;height:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 12 L85 32 L85 68 L50 88 L15 68 L15 32 Z' fill='none' stroke='%23CDA066' stroke-width='6'/%3E%3Ccircle cx='50' cy='50' r='16' fill='none' stroke='%23C8503C' stroke-width='4'/%3E%3C/svg%3E") no-repeat center/contain;animation:furnace-burn 1.2s cubic-bezier(0.4,0,0.2,1) infinite}
.flex.items-center.justify-center.w-6.h-5::after{content:"";position:absolute;inset:0;border:2px dashed #CDA066;border-radius:50%;animation:furnace-spin 4s linear infinite}
@keyframes furnace-burn{0%{transform:rotate(0deg) scale(1);filter:drop-shadow(0 0 2px #CDA066)}50%{transform:rotate(180deg) scale(1.15);filter:drop-shadow(0 0 8px #C8503C)}100%{transform:rotate(360deg) scale(1);filter:drop-shadow(0 0 2px #CDA066)}}
@keyframes furnace-spin{0%{transform:rotate(360deg)}100%{transform:rotate(0deg)}}

/* ═══════════════════════════════════════════════════════════════
   [B-1] 22选单模块顶层容器级全代理 (.blcs-root)
   ═══════════════════════════════════════════════════════════════ */
.blcs-root{--j-dark:#3A332A;--j-gold:#CDA066;--j-bronze:#8C6239;--j-white:#FFFFFF;--j-cream:#FFFDF2;--j-jade:#476A5A;--j-red:#C8503C;background:linear-gradient(180deg,#FFFFFF 0%,#FDFCF7 40%,#F6F3E6 100%);padding:14px;border-radius:20px;font-family:'PingFang SC','Noto Serif SC',serif;color:var(--j-dark);position:relative;overflow:hidden;box-sizing:border-box}
.blcs-root::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M40 0 L80 40 L40 80 L0 40 Z' fill='none' stroke='%238C6239' stroke-width='1.5'/%3E%3C/svg%3E");z-index:0;animation:cosmic-drift 60s linear infinite}
@keyframes cosmic-drift{0%{background-position:0 0}100%{background-position:80px 80px}}

/* ═══════════════════════════════════════════════════════════════
   [B-2] 模块统一大类基准样式控制 (.m)
   ═══════════════════════════════════════════════════════════════ */
.blcs-root .m{background:var(--j-white);border:2.5px solid var(--j-bronze);border-radius:14px;margin-bottom:16px;box-shadow:4px 4px 0px var(--j-gold);overflow:hidden;position:relative;z-index:2;animation:mod-entrance 0.4s cubic-bezier(0.165,0.84,0.44,1) both}
.blcs-root .m summary{padding:13px 16px;font-weight:900;font-size:14px;letter-spacing:1px;color:var(--j-bronze);background:linear-gradient(90deg,#FFFFFF 0%,#FAF9F5 50%,#F4F1E3 100%);cursor:pointer;list-style:none;display:flex;align-items:center;border-bottom:2.5px solid transparent;user-select:none;position:relative;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}
.blcs-root .m summary::-webkit-details-marker{display:none}
.blcs-root .m summary::before{content:"";display:inline-block;width:20px;height:20px;margin-right:10px;background-color:var(--j-gold);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L2 22h20L12 2zm0 4.5L18.5 19h-13L12 6.5z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L2 22h20L12 2zm0 4.5L18.5 19h-13L12 6.5z'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform 0.4s ease}
.blcs-root .m summary::after{content:"\25B6";position:absolute;right:16px;font-size:11px;color:var(--j-gold);transition:transform 0.3s ease}
.blcs-root .m[open] summary{background:linear-gradient(90deg,#FFFDF4 0%,#F5EAD0 100%);border-bottom-color:var(--j-bronze);color:#533D26}
.blcs-root .m[open] summary::before{background-color:var(--j-red);transform:rotate(180deg)}
.blcs-root .m[open] summary::after{transform:rotate(90deg);color:var(--j-red)}
.blcs-root .m-body{padding:14px;font-size:14px;line-height:1.8;background:var(--j-white);overflow-x:hidden;max-height:900px;animation:fade-slide 0.35s ease-out both;box-sizing:border-box}
@keyframes mod-entrance{0%{opacity:0;transform:translateY(15px)}100%{opacity:1;transform:translateY(0)}}
@keyframes fade-slide{0%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:translateY(0)}}

/* ═══════════════════════════════════════════════════════════════
   [B-3] 22选单各特异性组件深度美化与嵌套融合排版
   ═══════════════════════════════════════════════════════════════ */

/* 1. 高维思维链模块 (非隐藏，明亮翡翠风) */
.blcs-root .m-cot summary{background:linear-gradient(90deg,#F4F9F6 0%,#DCEFE3 100%)!important;color:var(--j-jade)!important}
.blcs-root .m-cot summary::before{background-color:var(--j-jade);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E")}
.blcs-root think{display:block;background:#F8FBF9!important;border-left:4.5px solid var(--j-jade)!important;padding:12px;color:#4A6353!important;font-family:monospace!important;font-size:12.5px!important;line-height:1.7!important;border-radius:6px;margin:4px 0}

/* 2. 时空天候锚点 (顶部平铺条) */
.blcs-root .m-hdr{display:flex;overflow-x:auto;background:linear-gradient(90deg,var(--j-bronze) 0%,#A87E53 100%);color:var(--j-white);padding:10px 14px;border-radius:12px;gap:12px;font-weight:900;font-size:12.5px;box-shadow:4px 4px 0 var(--j-gold);border:2px solid var(--j-white);margin-bottom:18px;white-space:nowrap;scrollbar-width:none}
.blcs-root .m-hdr::-webkit-scrollbar{display:none}
.blcs-root .m-hdr span{display:inline-flex;align-items:center;background:rgba(255,255,255,0.16);padding:4px 10px;border-radius:6px;border-left:3px solid var(--j-cream)}

/* 3. 三千大世界异动简报 */
.blcs-root .m-news summary::before{background-color:var(--j-red);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2zm0-4H7V7h10v2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2zm0-4H7V7h10v2z'/%3E%3C/svg%3E")}
.blcs-root .m-news .m-body{border-left:4px solid var(--j-red);background:linear-gradient(90deg,#FFFDFD,#FFFFFF)}

/* 4. 叙事正文骨架区 (强制完整呈现，3000字滑动) */
.blcs-root .st-box{border:3px solid var(--j-bronze);background:var(--j-white);border-radius:16px;margin-bottom:20px;box-shadow:6px 6px 0 var(--j-gold);position:relative;overflow:hidden}
.blcs-root .st-hdr{background:var(--j-bronze);color:var(--j-white);padding:8px 16px;font-weight:900;font-size:11px;letter-spacing:2px;display:flex;justify-content:space-between;align-items:center}
.blcs-root .st-hdr::after{content:"真意流转 🔴";animation:text-blink 2s infinite;color:var(--j-cream)}
.blcs-root .st-txt{padding:24px 20px;max-height:70vh;overflow-y:auto;font-family:'Noto Serif SC','Songti SC',serif;font-size:17px;line-height:2.2;color:#2B241C;text-align:justify;background-image:linear-gradient(rgba(205,160,102,0.04) 1px,transparent 1px);background-size:100% 44px;scrollbar-width:thin;scrollbar-color:var(--j-gold) var(--j-silk)}
.blcs-root .st-txt p{margin-bottom:1.5em;text-indent:2em!important;margin-top:0}
.blcs-root .st-txt::-webkit-scrollbar{width:6px}
.blcs-root .st-txt::-webkit-scrollbar-track{background:#F5F3EB}
.blcs-root .st-txt::-webkit-scrollbar-thumb{background:var(--j-gold);border-radius:3px}
@keyframes text-blink{0%,100%{opacity:1}50%{opacity:0.4}}

/* 5. 地图UI九宫舆图测绘模块 */
.blcs-root .map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--j-cream);padding:10px;border-radius:8px;border:1.5px solid var(--j-bronze)}
.blcs-root .map-node{background:var(--j-white);border:1.5px solid var(--j-gold);border-radius:6px;padding:8px 4px;text-align:center;font-size:11px;font-weight:900;color:var(--j-bronze);position:relative;box-sizing:border-box}
.blcs-root .map-node.active{background:linear-gradient(135deg,var(--j-gold),var(--j-bronze));color:var(--j-white);box-shadow:0 0 6px rgba(140,98,57,0.4)}

/* ═══════════════════════════════════════════════════════════════
   [B-4] 键值对图形降维劫持引擎与高阶数据条渲染 (attr魔法)
   ═══════════════════════════════════════════════════════════════ */
.blcs-root .kv{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px dashed #E5DFD3;font-size:14px;background:#FDFDFB;margin-bottom:6px;border-radius:6px;box-sizing:border-box;gap:10px}
.blcs-root .kv::before{content:attr(k);font-weight:900;color:#5D4E3E;background:#F5EEDC;padding:2px 8px;border-radius:4px;font-size:11.5px;border:1px solid var(--j-gold);white-space:nowrap}

/* 多级嵌套子滚动槽与合并类样式 */
.blcs-root .m-group{background:#FBF9F4;border:1.5px solid var(--j-gold);border-radius:8px;padding:10px;margin-bottom:10px;box-sizing:border-box}
.blcs-root .m-group-title{font-size:12px;font-weight:900;color:var(--j-vermilion);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.blcs-root .m-group-title::before{content:"\2724";color:var(--j-gold)}
.blcs-root .sub-scroll{max-height:260px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}

/* 全量标准动态进度条 */
.blcs-root .pg{width:120px;height:15px;background:#FAF8F2;border:1.5px solid var(--j-bronze);border-radius:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06);flex-shrink:0}
.blcs-root .pg-f{height:100%;background:linear-gradient(90deg,var(--j-gold),var(--j-red));transition:width 0.6s ease;position:relative}
.blcs-root .pg-f::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:pg-shine 2s infinite}
.blcs-root .pg::after{content:attr(v);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:900;color:var(--j-dark);text-shadow:1px 1px 0 #FFF;line-height:1}
@keyframes pg-shine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

/* 网格系统控制 */
.blcs-root .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.blcs-root .grid-max{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}

/* 物品装备金刚匣 */
.blcs-root .box-slot{border:1.5px dashed var(--j-gold);background:var(--j-cream);aspect-ratio:1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;text-align:center;box-sizing:border-box;transition:all 0.2s}
.blcs-root .box-slot:hover{border-style:solid;border-color:var(--j-red);background:var(--j-white)}
.blcs-root .box-name{font-size:10px;font-weight:900;color:var(--j-bronze);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}

/* ═══════════════════════════════════════════════════════════════
   [B-5] 纯CSS零脚本男女双维状态分流引擎 (Zero-JS Framework)
   ═══════════════════════════════════════════════════════════════ */
.blcs-root.gen-m .only-f, .blcs-root.gen-f .only-m {display:none!important}
.blcs-root .gender-line {height:4px;width:100%;border-radius:2px;margin-top:2px}
.blcs-root.gen-m .gender-line {background:linear-gradient(90deg,#4A90E2,#50E3C2)}
.blcs-root.gen-f .gender-line {background:linear-gradient(90deg,#D0021B,#FF85A2)}

/* ═══════════════════════════════════════════════════════════════
   [C] 150+ 高拟真数据化环形/雷达矢量自渲染架构 (100% 杜绝文字裸露)
   ═══════════════════════════════════════════════════════════════ */
.blcs-root .gui-ring{width:42px;height:42px;position:relative;flex-shrink:0}
.blcs-root .gui-ring svg{transform:rotate(-90deg);width:100%;height:100%}
.blcs-root .gui-ring circle{fill:none;stroke-width:4;stroke:#FAF6EB}
.blcs-root .gui-ring .fill{stroke:var(--j-gold);stroke-width:4;stroke-linecap:round;stroke-dasharray:var(--p) 100;transition:stroke-dasharray 0.5s ease}
.blcs-root .gui-ring .fill-r{stroke:var(--j-red)}
.blcs-root .gui-ring .fill-j{stroke:var(--j-jade)}
.blcs-root .ring-txt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:var(--j-bronze)}

/* 雷达维度图腾模拟 */
.blcs-root .radar-chart{width:100%;height:130px;background:radial-gradient(circle,transparent 25%,#FAF6EB 26%,transparent 27%,transparent 50%,#FAF6EB 51%,transparent 52%,transparent 75%,#FAF6EB 76%,transparent 77%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cline x1='50' y1='5' x2='50' y2='95' stroke='%23CDA066' stroke-width='0.5'/%3E%3Cline x1='5' y1='50' x2='95' y2='50' stroke='%23CDA066' stroke-width='0.5'/%3E%3C/svg%3E") no-repeat center/contain;border:1.5px solid var(--j-bronze);border-radius:8px;position:relative}

/* 宿世因果历史回廊表格净化 (彻底根除暗色覆盖) */
.blcs-root .mem-tbl{width:100%;border-collapse:collapse;font-size:12.5px;box-sizing:border-box}
.blcs-root .mem-tbl th{background:var(--j-bronze);color:var(--j-white);padding:8px;font-weight:900;text-align:left}
.blcs-root .mem-tbl td{padding:8px;border-bottom:1px solid #FAF1E3;color:var(--j-dark);background:#FFFFFF}
.blcs-root .mem-tbl tr:hover td{background:var(--j-cream)}

/* 战术选项按钮 */
.blcs-root .opt-item{display:block;margin:6px 0;padding:10px 14px;background:var(--j-white);border:1.8px solid var(--j-bronze);font-weight:900;font-size:13px;cursor:pointer;position:relative;border-radius:8px;box-shadow:3px 3px 0 var(--j-gold);transition:all 0.2s}
.blcs-root .opt-item:hover{background:var(--j-cream);transform:translateX(3px);box-shadow:1px 1px 0 var(--j-bronze)}

/* ═══════════════════════════════════════════════════════════════
   [D] 吸附式物理跨轮次超级侧边栏协议系统
   ═══════════════════════════════════════════════════════════════ */
.blcs-sb-wrap{position:fixed;top:30%;right:0;z-index:9999;display:flex;align-items:flex-start;pointer-events:auto}
.blcs-sb-chk{display:none!important}
.blcs-sb-label{background:linear-gradient(135deg,var(--j-gold),var(--j-bronze));color:var(--j-white);padding:12px 6px;writing-mode:vertical-rl;font-weight:900;font-size:11.5px;cursor:pointer;border:2px solid var(--j-white);border-right:none;border-radius:10px 0 0 10px;box-shadow:-3px 3px 10px rgba(140,98,57,0.15);letter-spacing:2px;user-select:none;-webkit-user-select:none}
.blcs-sb-panel{width:0;max-width:290px;overflow:hidden;background:rgba(255,255,255,0.98);backdrop-filter:blur(12px);border:0 solid var(--j-bronze);box-shadow:-6px 6px 20px rgba(140,98,57,0.1);transition:width 0.35s cubic-bezier(0.19,1,0.22,1);max-height:60vh;overflow-y:auto;border-radius:12px 0 0 12px;box-sizing:border-box}
.blcs-sb-panel::-webkit-scrollbar{width:3px}
.blcs-sb-panel::-webkit-scrollbar-thumb{background:var(--j-gold)}
.blcs-sb-chk:checked ~ .blcs-sb-panel{width:270px;padding:12px;border-width:2px 0 2px 2px}