/* ╔══════════════════════════════════════════════════════════════╗
   ║ S-RANK HUNTER SYSTEM: LIGHT AWAKENING CSS ENGINE (ULTIMATE)  ║
   ║ 全量涵盖：侧边栏22模块 + 聊天界面强覆盖 + 150+动态SVG矩阵    ║
   ╚══════════════════════════════════════════════════════════════╝ */
/*=[0]全局动效引擎=*/
@keyframes sys-flow{0%{background-position:0 0}100%{background-position:200% 0}}
@keyframes sys-spin{100%{transform:rotate(360deg)}}
@keyframes sys-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.2)}}
@keyframes sys-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes sys-glitch{0%,100%{opacity:1}50%{opacity:.7;transform:translateX(1px)}}
/*=[1]聊天框·输出框统一美化=*/
.bg-gray-100\/90.relative.inline-block{background:linear-gradient(145deg,#fff 0%,#f5f8ff 60%,#e8f0fe 100%)!important;border:2.5px solid #3b4cca!important;border-radius:12px!important;box-shadow:6px 6px 0px #ffde00,-2px -2px 0px rgba(238,21,21,.15)!important;margin-bottom:28px!important;overflow:visible!important;max-width:98%!important;position:relative!important;transition:.3s!important}
.bg-gray-100\/90.relative.inline-block::before{content:"";position:absolute;top:-8px;left:-8px;width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,5 95,25 95,75 50,95 5,75 5,25' fill='none' stroke='%233B4CCA' stroke-width='6'/%3E%3Cpolygon points='50,15 85,30 85,70 50,85 15,70 15,30' fill='%23FFDE00' opacity='0.9'/%3E%3C/svg%3E") no-repeat center/contain;z-index:10;animation:sys-spin 10s linear infinite;pointer-events:none}
.bg-gray-100\/90.relative.inline-block::after{content:"";position:absolute;bottom:-3px;left:5%;width:90%;height:3px;background:linear-gradient(90deg,transparent,#3b4cca,#ffde00,#ee1515,transparent);background-size:200% 100%;animation:sys-flow 3s linear infinite;border-radius:2px;pointer-events:none}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90){border-color:#4fc553!important;box-shadow:6px 6px 0px #3b4cca,-2px -2px 0px rgba(79,197,83,.2)!important}
.markdown-body{color:#1a1a1a!important;font-family:'PingFang SC','Microsoft YaHei',sans-serif!important;font-size:16px!important;line-height:1.9!important;font-weight:600!important;letter-spacing:.5px!important}
/*=[2]顶部导航栏与装饰条=*/
[class*="bg-[#F1CBCB]"],[class*="bg-[#c9e1e9]"]{display:none!important}
.sticky.w-full.top-0.flex.items-center{background:linear-gradient(90deg,#fff 0%,#f8f9ff 50%,#fffef8 100%)!important;backdrop-filter:blur(10px)!important;border-bottom:3px solid #3b4cca!important;box-shadow:0 4px 15px rgba(59,76,202,.15),0 2px 0px #ffde00!important;position:relative!important}
#ai-model-selector .group.flex.items-center{background:linear-gradient(135deg,#f0f4ff,#fffdf0)!important;border:2px solid #3b4cca!important;border-radius:8px!important;padding:4px 12px!important;box-shadow:2px 2px 0px #ffde00!important;transition:.3s!important}
#ai-model-selector .group.flex.items-center:hover{box-shadow:3px 3px 0px #ee1515!important;transform:translateY(-1px)!important}
#ai-model-selector .truncate.text-\[13px\]{color:#3b4cca!important;font-weight:900!important}
#header-setting-button{border:2px solid #3b4cca!important;border-radius:8px!important;box-shadow:2px 2px 0px #ffde00!important;transition:.3s!important;background:#fff!important}
#header-setting-button:hover{background:#ffde00!important;box-shadow:3px 3px 0px #ee1515!important}
/*=[3]底部输入区域=*/
.bg-gradient-to-t{background:linear-gradient(to top,#fff 0%,rgba(255,255,255,.9) 70%,transparent 100%)!important}
#ai-chat-bottom-input{background:#fff!important;border:3px solid #3b4cca!important;box-shadow:5px 5px 0px #ffde00,-2px -2px 0px rgba(59,76,202,.2)!important;border-radius:12px!important;transition:.3s!important;position:relative!important}
#ai-chat-bottom-input::before{content:"";position:absolute;inset:-6px;border:2px dashed rgba(59,76,202,.2);border-radius:16px;pointer-events:none;animation:sys-spin 20s linear infinite}
#ai-chat-bottom-input:focus-within{transform:translateY(-3px)!important;box-shadow:7px 7px 0px #ee1515,0 8px 25px rgba(238,21,21,.1)!important;border-color:#ee1515!important}
#ai-chat-input{color:#3b4cca!important;font-weight:700!important;font-size:15px!important}
#ai-chat-input::placeholder{color:#a29bfe!important;font-style:italic!important}
#ai-chat-input::selection{background:#ffde00!important;color:#2d3436!important}
/*=[4]底部按钮栏与附加元素=*/
#ai-mod-button2{background:transparent!important}
#ai-mod-button2 button.MuiButton-root{background:linear-gradient(135deg,#3b4cca 0%,#5b6de0 100%)!important;color:#fff!important;border-radius:8px!important;font-weight:900!important;border:2px solid #2a3ab0!important;box-shadow:3px 3px 0px #ffde00!important;transition:.3s!important;position:relative!important;overflow:hidden!important}
#ai-mod-button2 button.MuiButton-root:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:4px 4px 0px #ee1515!important}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary{color:#3b4cca!important;font-weight:800!important;border-radius:6px!important;transition:.3s!important}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover{background:rgba(59,76,202,.1)!important;transform:translateY(-1px)!important}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2{color:#7c83db!important;font-weight:700!important}
.text-orange-500{color:#ee1515!important;font-weight:900!important}
/*=[5]加载动画(动态星轨魔法阵)=*/
.style_dot-flashing__8L91Q,.style_text__zGhNq{display:none!important}
.flex.items-center.justify-center.w-6.h-5{position:relative!important;width:40px!important;height:40px!important}
.flex.items-center.justify-center.w-6.h-5::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='20' fill='none' stroke='%233B4CCA' stroke-width='4' stroke-dasharray='30 15'/%3E%3Cpolygon points='25,10 30,20 40,25 30,30 25,40 20,30 10,25 20,20' fill='%23FFDE00'/%3E%3C/svg%3E") no-repeat center/contain;animation:sys-spin 1.5s linear infinite;filter:drop-shadow(0 0 5px rgba(59,76,202,.5))}
/*=[6]分页栏=*/
.MuiPaginationItem-root{color:#3b4cca!important;font-weight:800!important;border:2px solid #c8d6e5!important;border-radius:6px!important;transition:.3s!important;background:#fff!important}
.MuiPaginationItem-root:hover{border-color:#ee1515!important;background:#fff5f5!important;transform:translateY(-2px)!important}
.MuiPaginationItem-root.Mui-selected{background:linear-gradient(135deg,#3b4cca,#5b6de0)!important;color:#fff!important;border-color:#3b4cca!important;box-shadow:2px 2px 0px #ffde00!important}
.MuiPaginationItem-icon{color:#ee1515!important}
.MuiStack-root.css-1uwir8f .MuiBox-root{color:#3b4cca!important;font-weight:800!important}
.MuiInputBase-input{border:2px solid #3b4cca!important;border-radius:4px!important;color:#3b4cca!important;font-weight:800!important;text-align:center!important}
/*=[7]评论区全量覆写=*/
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{background:linear-gradient(180deg,#fff,#f8faff)!important;border-top:3px solid #3b4cca!important}
div.text-lg.font-bold{color:#3b4cca!important;padding-left:10px!important;position:relative!important}
div.text-lg.font-bold::before{content:"";position:absolute;left:0;top:20%;height:60%;width:4px;background:#ee1515;border-radius:2px}
p.MuiTypography-body1.text-grey-600{color:#666!important;font-weight:600!important}
span.MuiRating-iconEmpty svg{color:#ccc!important;transition:.3s!important}
span.MuiRating-iconEmpty svg:hover{color:#ffde00!important;transform:scale(1.2)!important}
span.MuiRating-iconFilled svg{color:#ffde00!important;filter:drop-shadow(0 2px 4px rgba(255,222,0,.4))!important}
div.flex.flex-col.border-gray-200{border:2px solid #3b4cca!important;border-radius:10px!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.02)!important}
textarea.rc-textarea{color:#2d3436!important;font-weight:600!important}
div.bg-gray-100.text-gray-500{background:#f0f4ff!important;color:#7c83db!important;font-weight:700!important}
div.cursor-pointer.group.flex.items-center.justify-center{background:linear-gradient(135deg,#3b4cca,#5b6de0)!important;border-radius:8px!important;transition:.3s!important;box-shadow:2px 2px 0px #ffde00!important}
div.cursor-pointer.group.flex.items-center.justify-center:hover{transform:scale(1.05)!important;box-shadow:3px 3px 0px #ee1515!important}
div[data-state="closed"] svg[data-icon="Send03"]{color:#fff!important}
div.style_divider__mW0YX{background:linear-gradient(90deg,transparent,#3b4cca,transparent)!important;height:2px!important;opacity:.4!important}
button.MuiButton-containedPrimary{background:linear-gradient(135deg,#3b4cca,#5b6de0)!important;color:#fff!important;border-radius:6px!important;font-weight:800!important;box-shadow:2px 2px 0px #ffde00!important}
button.MuiButton-outlinedPrimary{border:2px solid #3b4cca!important;color:#3b4cca!important;font-weight:800!important;background:#fff!important}
div.p-3.overflow-y-auto{scrollbar-width:thin!important;scrollbar-color:#3b4cca transparent!important}
div.p-3.overflow-y-auto::-webkit-scrollbar{width:6px}
div.p-3.overflow-y-auto::-webkit-scrollbar-thumb{background:#3b4cca;border-radius:3px}
div.group.ml-0{border-bottom:1px dashed #d1d9e6!important;padding:12px 0!important;transition:.3s!important}
div.group.ml-0:hover{background:#fafcff!important}
div.group img.rounded-full{border:2px solid #3b4cca!important;box-shadow:2px 2px 0px #ffde00!important}
div.text-sm.text-grey-600 span.font-bold{color:#3b4cca!important}
span.text-\[10px\]{background:#ffde00!important;color:#333!important;padding:2px 6px!important;border-radius:4px!important;font-weight:900!important}
div.break-all{color:#2d3436!important;line-height:1.7!important;font-weight:500!important}
button.text-gray-400{color:#999!important;transition:.3s!important}
button.text-gray-400:hover{color:#ee1515!important;transform:scale(1.1)!important}
span.cursor-pointer{color:#3b4cca!important;font-weight:800!important}
span.cursor-pointer:hover{color:#ee1515!important;text-decoration:underline!important}
div.ml-8.border-l{border-color:#3b4cca!important;border-width:2px!important}
/*=[8]独立侧边栏协议与22模块全量渲染=*/
.sys-rpg-ctn{position:relative;width:100%;--sys-b:#3b4cca;--sys-r:#ee1515;--sys-g:#ffde00;--sys-p:#8e2de2;--sys-bg:#fff;--sys-t:#2d3436}
.sys-cot{background:#f8faff;border:2px dashed var(--sys-b);border-radius:10px;margin-bottom:15px;overflow:hidden}
.sys-cot summary{background:#e8f0fe;color:var(--sys-b);font-size:12px;font-weight:900;padding:10px 15px;cursor:pointer;list-style:none;display:flex;align-items:center}
.sys-cot summary::-webkit-details-marker{display:none}
.sys-cot summary::before{content:"";width:18px;height:18px;margin-right:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233B4CCA'%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") center/contain no-repeat}
.sys-cot think{display:block;padding:15px;font-size:12px;color:#666;font-family:monospace;line-height:1.6;white-space:pre-wrap;background:#fff}
.sys-main-box{border:3px solid var(--sys-b);border-radius:12px;box-shadow:6px 6px 0px #e8f0fe;overflow:hidden;background:#fff;z-index:1;position:relative}
.sys-main-box::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M10 10 L90 90 M90 10 L10 90' stroke='rgba(59,76,202,.02)' stroke-width='1'/%3E%3C/svg%3E") repeat;pointer-events:none}
.sys-header{background:var(--sys-b);color:#fff;padding:10px 15px;display:flex;justify-content:space-between;font-size:13px;font-weight:900}
.sys-tag{background:rgba(255,255,255,.15);padding:3px 10px;border-radius:4px;border-left:3px solid var(--sys-g)}
.sys-story{max-height:70vh;overflow-y:auto;padding:25px 20px;scrollbar-width:thin;scrollbar-color:var(--sys-b) #f0f0f0}
.sys-story text{display:block}
.sys-story text p{text-indent:2em;margin-bottom:1.4em;font-size:17px;line-height:2.1;color:#222;text-align:justify;font-weight:600}
.sys-sidebar{position:fixed!important;top:10vh!important;right:0!important;height:80vh!important;z-index:99999!important;display:flex;align-items:flex-start;pointer-events:none}
.sys-sb-btn{pointer-events:auto;width:48px;height:48px;cursor:pointer;background:var(--sys-b) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF'%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E") no-repeat center/24px;border-radius:12px 0 0 12px;box-shadow:-4px 4px 15px rgba(59,76,202,.3);border:2px solid var(--sys-g);border-right:none;transition:.3s}
.sys-sb-btn:hover{background-color:var(--sys-r);transform:translateX(-2px)}
.sys-sb-panel{pointer-events:auto;height:100%;width:0;background:#fafcff;border-left:3px solid var(--sys-b);box-shadow:-10px 0 30px rgba(0,0,0,.1);overflow:hidden;transition:width .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column}
.sys-sb-chk:checked ~ .sys-sb-panel{width:360px}
@media(max-width:768px){.sys-sb-chk:checked ~ .sys-sb-panel{width:85vw}}
.sys-sb-title{background:var(--sys-b);color:#fff;padding:15px;font-weight:900;text-align:center;letter-spacing:2px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M0 40L40 0H20L0 20V40Z' fill='rgba(255,255,255,.1)'/%3E%3C/svg%3E")}
.sys-sb-scroll{flex:1;overflow-y:auto;padding:15px;scrollbar-width:thin;scrollbar-color:var(--sys-b) #f0f0f0}
.sys-mod{background:#fff;border:2px solid #d1d9e6;border-radius:8px;margin-bottom:12px;box-shadow:2px 2px 0px #d1d9e6;transition:all .3s ease;animation:sys-float 4s ease-in-out infinite}
.sys-mod:hover{border-color:var(--sys-b);box-shadow:4px 4px 0px rgba(59,76,202,.2);transform:translateY(-1px);animation-play-state:paused}
.sys-mod summary{padding:12px 14px;font-weight:800;cursor:pointer;font-size:14px;color:var(--sys-t);background:#f8faff;list-style:none;display:flex;align-items:center;border-radius:6px;user-select:none}
.sys-mod summary::-webkit-details-marker{display:none}
.sys-mod summary::after{content:"▼";margin-left:auto;color:var(--sys-b);font-size:12px;transition:.3s}
.sys-mod[open] summary{background:var(--sys-b);color:#fff;border-radius:6px 6px 0 0}
.sys-mod[open] summary::after{transform:rotate(180deg);color:var(--sys-g)}
.sys-content{padding:15px;font-size:13px;line-height:1.7;animation:sys-slide-down .3s ease-out;font-weight:600;color:#222}
@keyframes sys-slide-down{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.sys-mod summary::before{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;background-size:contain;background-repeat:no-repeat}
.sys-news summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EE1515'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12zm-2-2H6v-2h12v2zm0-4H6v-2h12v2zm0-4H6V8h12v2z'/%3E%3C/svg%3E")}
.sys-user summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233B4CCA'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E")}
.sys-target summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E84393'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E")}
.sys-npc summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300BCD4'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E")}
.sys-stats summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF9500'%3E%3Cpath d='M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z'/%3E%3C/svg%3E")}
.sys-auth summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233B4CCA'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z'/%3E%3C/svg%3E")}
.sys-shadow summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232A2A2A'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E")}
.sys-pet summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='42' fill='%23EE1515' stroke='%23333' stroke-width='4'/%3E%3Crect x='8' y='47' width='84' height='6' fill='%23333'/%3E%3Ccircle cx='50' cy='50' r='14' fill='white' stroke='%23333' stroke-width='4'/%3E%3Ccircle cx='50' cy='50' r='6' fill='%23333'/%3E%3C/svg%3E")}
.sys-gene summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF69B4'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E")}
.sys-quest summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233B4CCA'%3E%3Cpath d='M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z'/%3E%3C/svg%3E")}
.sys-karma summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238E2DE2'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z'/%3E%3C/svg%3E")}
.sys-equip summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF9500'%3E%3Cpath d='M7.5 3.5L6.5 2.5L3 6L4 7L7.5 3.5zM17.5 3.5L18.5 2.5L22 6L21 7L17.5 3.5zM12 5L8 9L12 21L16 9L12 5z'/%3E%3C/svg%3E")}
.sys-inv summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234FC553'%3E%3Cpath d='M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z'/%3E%3C/svg%3E")}
.sys-supplies summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF69B4'%3E%3Cpath d='M16 11V5.83l1.59-1.59C18.22 3.62 17.77 2 16.89 2H7.11c-.88 0-1.33 1.62-.7 2.24L8 5.83V11l-5.74 9.18C1.51 21.38 2.37 23 3.79 23h16.42c1.42 0 2.28-1.62 1.53-2.82L16 11zM8.86 5l-.58-.58h7.45l-.58.58V11h-6.28V5z'/%3E%3C/svg%3E")}
.sys-skills summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300BCD4'%3E%3Cpath d='M12 3L1 9l11 6 9-4.91V17h2V9L12 3zM5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82z'/%3E%3C/svg%3E")}
.sys-rift summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EE1515'%3E%3Cpath d='M11 2v20c-5.07-.5-9-4.79-9-10s3.93-9.5 9-10zm2 0v20c5.07-.5 9-4.79 9-10s-3.93-9.5-9-10z'/%3E%3C/svg%3E")}
.sys-memory summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237C3AED'%3E%3Cpath d='M7 5h10v2H7V5zm0 8h10v-2H7v2zm-2 6h14v-2H5v2zm-2-4h18v-2H3v2zM1 7h22V5H1v2z'/%3E%3C/svg%3E")}
.sys-route summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF9500'%3E%3Cpath d='M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7z'/%3E%3C/svg%3E")}
.sys-options summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234FC553'%3E%3Cpath d='M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z'/%3E%3C/svg%3E")}
.sys-mod[open] summary::before{filter:brightness(0) invert(1)}
.sys-bar-bg{width:100%;height:14px;background:#e0e5f0;border-radius:7px;overflow:hidden;margin:6px 0 10px 0;border:1px solid #ccc;position:relative}
.sys-bar-fill{height:100%;border-radius:6px;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}
.sys-bar-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:sys-flow 2s infinite}
.fill-love{background:linear-gradient(90deg,#ff9a9e,#fecfef);box-shadow:0 0 10px rgba(254,207,239,.6)}
.fill-corrupt{background:linear-gradient(90deg,#8e2de2,#4a00e0);box-shadow:0 0 10px rgba(142,45,226,.6)}
.fill-order{background:linear-gradient(90deg,#00c9ff,#92fe9d)}
.fill-breed{background:linear-gradient(90deg,#ff758c,#ff7eb3);animation:sys-pulse 2s infinite alternate}
.sys-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}
.sys-stat-item{background:linear-gradient(145deg,#fff,#f8faff);border:2px solid var(--sys-b);border-radius:8px;padding:10px;text-align:center;display:flex;flex-direction:column;box-shadow:2px 2px 0px var(--sys-g);transition:.2s}
.sys-stat-item:hover{transform:translateY(-2px);box-shadow:4px 4px 0px var(--sys-r)}
.sys-stat-item .lbl{font-size:12px;color:#666;font-weight:800}
.sys-stat-item .val{font-size:20px;color:var(--sys-b);font-weight:900;text-shadow:1px 1px 0 rgba(59,76,202,.2)}
.sys-opt-list{display:flex;flex-direction:column;gap:10px;padding:12px}
.sys-opt-btn{background:#fff;border:2px solid var(--sys-b);border-left:6px solid var(--sys-g);padding:12px 16px;border-radius:6px;font-weight:900;cursor:pointer;font-size:14px;color:var(--sys-t);transition:.3s;position:relative;overflow:hidden}
.sys-opt-btn::after{content:"→";position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--sys-r);opacity:0;transition:.3s}
.sys-opt-btn:hover{background:var(--sys-bg);transform:translateX(6px);box-shadow:3px 3px 0px rgba(238,21,21,.3);padding-left:22px;border-left-color:var(--sys-r)}
.sys-opt-btn:hover::after{opacity:1;right:10px}
.sys-content b{color:var(--sys-b);position:relative}
.sys-content b::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--sys-g);opacity:.6;border-radius:1px}
.sys-content font[color="#a29bfe"]{background:rgba(162,155,254,.15);padding:3px 6px;border-radius:4px;font-style:italic;border-left:3px solid #a29bfe;font-weight:700;color:#6c5ce7}
.sys-content font[color="#e84393"]{background:rgba(232,67,147,.15);padding:3px 6px;border-radius:4px;font-style:italic;border-left:3px solid #e84393;font-weight:700;color:#d63031}
.sys-mod:nth-child(2){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(238,21,21,.03)' stroke-width='2'/%3E%3C/svg%3E") repeat #fff}
.sys-mod:nth-child(5){background: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 0L80 40L40 80L0 40Z' fill='none' stroke='rgba(59,76,202,.03)' stroke-width='1'/%3E%3C/svg%3E") repeat #fff}
.sys-mod:nth-child(10){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0l30 30-30 30L0 30z' fill='none' stroke='rgba(255,222,0,.05)' stroke-width='2'/%3E%3C/svg%3E") repeat #fff}