/* ═══════════════════════════════════════════════════════════🌸 版本B：淡粉毛玻璃 + 侧栏菜单 ═══════════════════════════════════════════════════════════ */ /* ───①顶部栏 ─── */ .sticky.w-full.top-0.flex.items-center {background: linear-gradient(135deg,#FFF0F5 0%,#FFE4EC 40%,#FFF5F8 100%) !important; backdrop-filter: blur(12px) !important; border-bottom: 2px solid transparent !important; border-image: linear-gradient(90deg,transparent,#F7A4B8,#FFB7C5,#F7A4B8,transparent) 1 !important; box-shadow: 0 4px 24px rgba(247,164,184,.15) !important; } .sticky.w-full.top-0.flex.items-center::before { content:'♥' !important;position:absolute !important;left:50% !important;bottom:-8px !important; transform:translateX(-50%) !important;font-size:10px !important;color:#F7A4B8 !important; background:#FFF0F5 !important;padding:0 6px !important; animation:pinkHeartPulse 2s ease-in-out infinite !important;pointer-events:none !important; } @keyframes pinkHeartPulse{0%,100%{transform:translateX(-50%) scale(1);opacity:.6}50%{transform:translateX(-50%) scale(1.4);opacity:1}} #ai-model-selector .group.flex.items-center { background:linear-gradient(135deg,#FFF0F5,#FFE8EF) !important;border:1.5px solid #FFB7C5 !important; border-radius:24px !important;padding:5px 16px !important; box-shadow:0 2px 8px rgba(247,164,184,.2),inset 0 1px 0 rgba(255,255,255,.8) !important; transition:all .35s cubic-bezier(.34,1.56,.64,1) !important; } #ai-model-selector .group.flex.items-center:hover { background:linear-gradient(135deg,#FFE4EC,#FFD6E0) !important;border-color:#F7A4B8 !important; box-shadow:0 4px 16px rgba(247,164,184,.3),inset 0 1px 0 rgba(255,255,255,.9) !important;transform:scale(1.02) !important; } #ai-model-selector .truncate.text-\[13px\]{color:#D4627A !important;font-weight:600 !important;letter-spacing:.5px !important;font-family:'Noto Sans SC',system-ui,sans-serif !important} #ai-model-selector .shrink-0.flex.items-center svg{color:#F7A4B8 !important;transition:all .4s cubic-bezier(.34,1.56,.64,1) !important} #ai-model-selector .group.flex.items-center:hover .shrink-0.flex.items-center svg{color:#E8879B !important;transform:rotate(180deg) scale(1.1) !important} .sticky.w-full.top-0 svg.lucide-clock-8{color:#E8879B !important;transition:all .3s ease !important} .sticky.w-full.top-0 svg.lucide-clock-8:hover{color:#D4627A !important;filter:drop-shadow(0 0 6px rgba(247,164,184,.5)) !important;transform:scale(1.1) !important} .sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden{background:linear-gradient(135deg,#FF6B8A,#FF4D6D) !important;box-shadow:0 0 8px rgba(255,77,109,.6) !important;animation:pinkDotPing 1.5s ease-in-out infinite !important} @keyframes pinkDotPing{0%,100%{transform:scale(1)}50%{transform:scale(1.5);box-shadow:0 0 14px rgba(255,77,109,.8)}} .sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2){color:#E8879B !important;transition:all .3s ease !important} .sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover{color:#D4627A !important;background:rgba(247,164,184,.15) !important} .sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]){color:#E8879B !important} #header-setting-button{color:#E8879B !important;transition:all .35s ease !important} #header-setting-button:hover{color:#D4627A !important;background:rgba(247,164,184,.12) !important} #header-setting-button svg{transition:transform .5s cubic-bezier(.34,1.56,.64,1) !important} #header-setting-button:hover svg{transform:rotate(120deg) !important} /* ───② 开场白选择器 ─── */ div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]{background:linear-gradient(135deg,#FFF5F8,#FFE8EF) !important;border:1.5px solid #FFB7C5 !important;border-radius:24px !important;box-shadow:0 2px 10px rgba(247,164,184,.15) !important;transition:all .35s ease !important} div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover{border-color:#F7A4B8 !important;box-shadow:0 4px 18px rgba(247,164,184,.25) !important;transform:translateY(-1px) !important} div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"]{color:#E8879B !important;transition:all .3s ease !important} div.flex.items-center.h-9.cursor-pointer.group:hover svg{color:#D4627A !important} /* ───③ 按钮栏 ─── */ #ai-mod-button2{background:transparent !important} #ai-mod-button2button.MuiButton-root{background:linear-gradient(180deg,#FFB7C5 0%,#F7A4B8 40%,#E8879B 100%) !important;border:none !important;border-radius:16px !important;color:#fff !important;font-family:'Noto Sans SC',system-ui,sans-serif !important;font-size:12px !important;font-weight:700 !important;letter-spacing:1px !important;padding:8px 20px !important;text-shadow:0 1px 3px rgba(180,60,90,.3) !important;box-shadow:0 4px 0 #D4627A,0 6px 12px rgba(212,98,122,.3),inset 0 1px 1px rgba(255,255,255,.4),inset 0 -1px 2px rgba(180,60,90,.15) !important;transition:all .15s cubic-bezier(.34,1.56,.64,1) !important;position:relative !important;overflow:hidden !important} #ai-mod-button2 button.MuiButton-root::before{content:'' !important;position:absolute !important;top:2px !important;left:12% !important;right:12% !important;height:40% !important;background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.08) 100%) !important;border-radius:12px 12px 50% 50% !important;pointer-events:none !important} #ai-mod-button2 button.MuiButton-root::after{content:'♥' !important;position:absolute !important;right:8px !important;top:50% !important;transform:translateY(-50%) scale(0) !important;font-size:10px !important;color:rgba(255,255,255,.6) !important;transition:transform .35s cubic-bezier(.34,1.56,.64,1) !important;pointer-events:none !important} #ai-mod-button2 button.MuiButton-root:hover::after{transform:translateY(-50%) scale(1) !important} #ai-mod-button2 button.MuiButton-root:hover{background:linear-gradient(180deg,#FFC4D0 0%,#FFB0BF 40%,#F7A4B8 100%) !important;box-shadow:0 5px 0 #D4627A,0 8px 18px rgba(212,98,122,.35),inset 0 1px 1px rgba(255,255,255,.5),inset 0 -1px 2px rgba(180,60,90,.1) !important;transform:translateY(-2px) !important} #ai-mod-button2 button.MuiButton-root:active{transform:translateY(3px) !important;box-shadow:0 1px 0 #D4627A,0 2px 4px rgba(212,98,122,.2),inset 0 2px 4px rgba(180,60,90,.2),inset 0 -1px 1px rgba(255,255,255,.3) !important;transition-duration:.06s !important} #ai-mod-button2 button.MuiButton-root svg{color:rgba(255,255,255,.85) !important;filter:drop-shadow(0 1px 2px rgba(180,60,90,.3)) !important;transition:all .3s ease !important} #ai-mod-button2 button.MuiButton-root:hover svg{color:#fff !important;transform:scale(1.1) !important} /* ───④ 底部栏 & 输入框 ─── */ .bg-gradient-to-t{background:linear-gradient(to top,rgba(255,240,245,.98) 0%,rgba(255,240,245,.6) 50%,transparent 100%) !important} #ai-chat-bottom-input{background:#fff !important;border:2px solid #FFB7C5 !important;border-radius:26px !important;box-shadow:0 4px 20px rgba(247,164,184,.15),inset 0 1px 0 rgba(255,255,255,.9) !important;transition:all .4s cubic-bezier(.34,1.56,.64,1) !important} #ai-chat-bottom-input:focus-within{border-color:#F7A4B8 !important;box-shadow:0 4px 24px rgba(247,164,184,.25),0 0 0 4px rgba(247,164,184,.08) !important;transform:scale(1.01) !important} #ai-chat-input{color:#4A3040 !important;font-family:'Noto Sans SC',system-ui,sans-serif !important;font-size:14px !important;caret-color:#F7A4B8 !important} #ai-chat-input::placeholder{color:rgba(247,164,184,.45) !important;font-style:italic !important} #ai-chat-input::selection{background:rgba(247,164,184,.25) !important;color:#4A3040 !important} /* ───⑤ 分页栏 ─── */ .MuiPaginationItem-root{color:#D4627A !important;border:1.5px solid #FFD1DC !important;background:#FFF5F8 !important;font-family:'Noto Sans SC',system-ui,sans-serif !important;font-weight:600 !important;transition:all .3s cubic-bezier(.34,1.56,.64,1) !important} .MuiPaginationItem-root:hover{background:#FFE4EC !important;border-color:#F7A4B8 !important;transform:scale(1.08) !important;box-shadow:0 3px 10px rgba(247,164,184,.2) !important} .MuiPaginationItem-root.Mui-selected{background:linear-gradient(135deg,#F7A4B8,#FF8FAB) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 3px 0 #D4627A,0 5px 14px rgba(247,164,184,.35) !important;text-shadow:0 1px 2px rgba(180,60,90,.3) !important} .MuiPaginationItem-root.Mui-selected:hover{background:linear-gradient(135deg,#FF8FAB,#FF6B8A) !important;transform:scale(1.08) translateY(-1px) !important} .MuiPaginationItem-root.Mui-disabled{color:rgba(247,164,184,.25) !important;border-color:rgba(255,209,220,.3) !important;background:rgba(255,245,248,.5) !important} .MuiPaginationItem-icon{color:#E8879B !important} .MuiStack-root.css-1uwir8f{background:rgba(255,240,245,.6) !important;border-radius:14px !important} .MuiStack-root.css-1uwir8f .MuiBox-root{color:#D4627A !important;font-family:'Noto Sans SC',system-ui,sans-serif !important} .MuiInputBase-input{color:#4A3040 !important;border-color:#FFB7C5 !important;font-family:'Noto Sans SC',system-ui,sans-serif !important} /* ───⑥ 评论区 ─── */ div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{background:linear-gradient(180deg,#FFF8FA 0%,#FFF0F5 50%,#FFE8EF 100%) !important;border-top:2px solid transparent !important;border-image:linear-gradient(90deg,transparent,#FFB7C5,transparent) 1 !important} div.text-lg.font-bold{color:#C44569 !important;font-family:'Noto Serif SC','Noto Sans SC',serif !important;letter-spacing:3px !important;position:relative !important} div.text-lg.font-bold::before{content:'✿' !important;margin-right:8px !important;font-size:14px !important;color:#F7A4B8 !important;animation:pinkFlowerSpin 6s linear infinite !important} div.text-lg.font-bold::after{content:'✿' !important;margin-left:8px !important;font-size:14px !important;color:#FFB7C5 !important;animation:pinkFlowerSpin 6s linear infinite reverse !important} @keyframes pinkFlowerSpin{to{transform:rotate(360deg)}} p.MuiTypography-body1.text-grey-600{color:#B8607A !important;font-family:'Noto Sans SC',system-ui,sans-serif !important} span.MuiRating-iconEmpty svg{color:#FFD1DC !important} span.MuiRating-iconFilled svg{color:#FF6B8A !important;filter:drop-shadow(0 0 4px rgba(255,107,138,.4)) !important} span.text-orange-500{color:#FF6B8A !important;font-weight:700 !important} div.flex.flex-col.border-gray-200{border-color:#FFD1DC !important} div.flex.flex-col.border-gray-200:focus-within{border-color:#F7A4B8 !important} textarea.rc-textarea{background:rgba(255,255,255,.7) !important;color:#4A3040 !important;font-family:'Noto Sans SC',system-ui,sans-serif !important;caret-color:#F7A4B8 !important;border-radius:12px !important} textarea.rc-textarea:focus{background:#fff !important;box-shadow:0 0 0 3px rgba(247,164,184,.1) !important} textarea.rc-textarea::placeholder{color:rgba(200,140,160,.4) !important} div.bg-gray-100.text-gray-500{background:rgba(255,209,220,.2) !important;color:#D4627A !important} div[data-state="closed"] svg[data-icon="Send03"]{color:#E8879B !important;transition:all .35s ease !important} div[data-state="closed"] svg[data-icon="Send03"]:hover{color:#D4627A !important;filter:drop-shadow(0 0 8px rgba(247,164,184,.5)) !important;transform:scale(1.15) !important} div.style_divider__mW0YX{background:linear-gradient(90deg,transparent,#FFB7C5 30%,#F7A4B8 50%,#FFB7C5 70%,transparent) !important;height:1.5px !important} button.MuiButton-containedPrimary,button.MuiButton-outlinedPrimary{border-radius:20px !important;font-family:'Noto Sans SC',system-ui,sans-serif !important;font-size:12px !important;font-weight:600 !important;letter-spacing:1px !important;transition:all .3s cubic-bezier(.34,1.56,.64,1) !important} button.MuiButton-containedPrimary{background:linear-gradient(135deg,#F7A4B8,#FF8FAB) !important;color:#fff !important;border:none !important;box-shadow:0 3px 0 #D4627A,0 4px 12px rgba(247,164,184,.3) !important} button.MuiButton-containedPrimary:hover{background:linear-gradient(135deg,#FF8FAB,#FF6B8A) !important;transform:translateY(-1px) !important;box-shadow:0 4px 0 #C44569,0 6px 18px rgba(247,164,184,.4) !important} button.MuiButton-outlinedPrimary{background:#FFF5F8 !important;color:#D4627A !important;border:1.5px solid #FFB7C5 !important} button.MuiButton-outlinedPrimary:hover{background:#FFE4EC !important;border-color:#F7A4B8 !important;transform:scale(1.03) !important} div.p-3.overflow-y-auto::-webkit-scrollbar{width:5px !important} div.p-3.overflow-y-auto::-webkit-scrollbar-track{background:transparent !important} div.p-3.overflow-y-auto::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#FFB7C5,#F7A4B8) !important;border-radius:10px !important} div.group.ml-0{border-bottom:1px dashed rgba(247,164,184,.2) !important;transition:all .3s ease !important} div.group.ml-0:hover{background:rgba(255,209,220,.1) !important} div.group img.rounded-full{border:2.5px solid #FFB7C5 !important;box-shadow:0 0 0 3px rgba(247,164,184,.1) !important;transition:all .35s cubic-bezier(.34,1.56,.64,1) !important} div.group img.rounded-full:hover{border-color:#F7A4B8 !important;box-shadow:0 0 0 5px rgba(247,164,184,.15) !important;transform:scale(1.12) rotate(3deg) !important} div.text-sm.text-grey-600span.font-bold{color:#C44569 !important;font-weight:700 !important} div.text-sm.text-grey-600 span.font-bold:hover{color:#A83050 !important} span.text-\[10px\]{color:#fff !important;background:linear-gradient(135deg,#F7A4B8,#FF8FAB) !important;border:none !important;border-radius:10px !important;padding:1px 8px !important;font-weight:600 !important;box-shadow:0 1px 4px rgba(247,164,184,.3) !important} div.break-all{color:#5A3A4A !important;font-family:'Noto Sans SC',system-ui,sans-serif !important;font-size:13px !important;line-height:1.8 !important} div.text-xs.text-grey-600{color:rgba(200,140,160,.5) !important} button.text-gray-400{color:#E8879B !important;transition:all .3s ease !important} button.text-gray-400:hover{color:#D4627A !important;background:rgba(247,164,184,.1) !important;transform:scale(1.1) !important} span.cursor-pointer{color:#D4627A !important;font-weight:500 !important} span.cursor-pointer:hover{color:#A83050 !important} div.ml-8.border-l{border-color:rgba(247,164,184,.25) !important;border-left-style:dashed !important} /* ═══════════════════════════════════════════════════════════🎮 VN核心引擎 ═══════════════════════════════════════════════════════════ */ .gal-fullscreen-cb,.char-card-cb,.menu-cb,.info-cb,.radio,.ptab-radio,.mt-r{ position:absolute !important; opacity:0 !important; width:1px !important; height:1px !important; overflow:hidden !important; margin:-1px !important; padding:0 !important; border:0 !important; white-space:nowrap !important; clip-path:inset(50%) !important; } .gal-root{position:relative;width:100%;max-width:800px;margin:12px auto;font-family:'Noto Sans SC','PingFang SC',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased} .gal-wrapper{position:relative;width:100%;overflow:hidden;border-radius:14px;box-shadow:0 8px 40px rgba(60,20,40,.25),0 0 0 1px rgba(247,164,184,.15);background:#1a0a14} /*─── 全屏按钮 ─── */ .gal-btn-expand{display:flex;align-items:center;gap:6px;position:absolute;bottom:14px;left:14px;z-index:100;background:rgba(255,245,250,.88);backdrop-filter:blur(8px);color:#ff7eb3;font-size:11px;padding:5px 12px;border-radius:20px;border:1px solid rgba(255,184,212,.35);cursor:pointer;transition:all .3s ease;user-select:none;box-shadow:0 2px 8px rgba(180,100,140,.1)} .gal-btn-expand:hover{background:rgba(255,232,240,.95);color:#ff4d94;border-color:rgba(255,126,179,.5)} .gal-btn-expand svg{width:14px;height:14px} .gal-btn-close{display:none;position:fixed;top:12px;left:16px;z-index:10001;width:36px;height:36px;background:rgba(255,245,250,.9);border:1px solid rgba(255,184,212,.3);border-radius:50%;cursor:pointer;color:#ff4d94;font-size:20px;line-height:36px;text-align:center;backdrop-filter:blur(8px)} .gal-btn-close::after{content:'✕'} /* ─── 全屏模式 ─── */ .gal-fullscreen-cb:checked ~ .gal-btn-close{display:block} .gal-fullscreen-cb:checked ~ .gal-wrapper{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;max-width:none !important;border-radius:0 !important;z-index:10000 !important;margin:0 !important} .gal-fullscreen-cb:checked ~ .gal-wrapper .stage{aspect-ratio:auto;height:100%} .gal-fullscreen-cb:checked ~ .gal-wrapper .dialogue-pages{padding:0 5% 24px} .gal-fullscreen-cb:checked ~ .gal-wrapper .dialogue-box{padding:36px 44px 34px 140px;min-height:160px} .gal-fullscreen-cb:checked ~ .gal-wrapper .dialogue-frame{font-size:18px;line-height:2} .gal-fullscreen-cb:checked ~ .gal-wrapper .character-name{font-size:16px;padding:8px 26px 8px 20px} .gal-fullscreen-cb:checked ~ .gal-wrapper .avatar{width:90px;height:90px;left:22px} .gal-fullscreen-cb:checked ~ .gal-wrapper .dialogue-page.nar .dialogue-box{padding-left:44px} .gal-fullscreen-cb:checked ~ .gal-wrapper .dialogue-page.nar .dialogue-frame{font-size:17px} @media(max-width:768px) and (orientation:portrait){ .gal-fullscreen-cb:checked ~ .gal-wrapper{width:100vh !important;height:100vw !important;transform:rotate(90deg) !important;transform-origin:top left !important;top:0 !important;left:100vw !important} } /* ─── stage─── */ .stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0a0a0a} /* ─── 背景层 ─── */ .scene-backgrounds{position:absolute;inset:0;z-index:1} .scene-backgrounds .scene-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .5s ease} .scene-backgrounds .scene-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,245,250,.03) 0%,rgba(255,240,248,.08) 45%,rgba(255,235,245,.35) 72%,rgba(255,230,242,.7) 100%);pointer-events:none} /* ─── 立绘层 ─── */ .scene-portraits,.scene-portraits-secondary{position:absolute;inset:0;z-index:2;pointer-events:none} .scene-portraits .scene-portrait,.scene-portraits-secondary .scene-portrait2{position:absolute;bottom:0;width:55%;height:95%;background-size:contain;background-position:center bottom;background-repeat:no-repeat;opacity:0;transition:opacity .4s ease} .scene-portrait.pos-l,.scene-portrait2.pos-l{left:2%} .scene-portrait.pos-c,.scene-portrait2.pos-c{left:50%;transform:translateX(-50%)} .scene-portrait.pos-r,.scene-portrait2.pos-r{right:2%;left:auto} /* ─── 飘心 ─── */ .deco-hearts{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden} .dh{position:absolute;opacity:0;animation:floatHeart linear infinite} .dh::before{content:'♡';color:rgba(255,184,212,.6);font-size:inherit} .dh:nth-child(1){left:6%;font-size:14px;animation-duration:12s} .dh:nth-child(2){left:20%;font-size:10px;animation-duration:9s;animation-delay:2s} .dh:nth-child(3){left:38%;font-size:16px;animation-duration:14s;animation-delay:1s} .dh:nth-child(4){left:52%;font-size:8px;animation-duration:10s;animation-delay:4s} .dh:nth-child(5){left:72%;font-size:12px;animation-duration:11s;animation-delay:.5s} @keyframes floatHeart{0%{transform:translateY(620px) rotate(0) scale(.5);opacity:0}8%{opacity:.35}50%{opacity:.2}92%{opacity:.1}100%{transform:translateY(-40px) rotate(25deg) scale(1);opacity:0}} /* ═══════════════════════════════════════════════════════════📍 左上角信息按钮 +弹窗 ═══════════════════════════════════════════════════════════ */ .info-btn{position:absolute;top:14px;left:60px;z-index:50;display:flex;align-items:center;gap:6px;background:rgba(255,245,250,.88);padding:6px 14px;border-radius:14px;border:1px solid rgba(255,184,212,.35);backdrop-filter:blur(8px);cursor:pointer;transition:all .3s;color:#8b6b7a;font-size:12px;box-shadow:0 2px 8px rgba(180,100,140,.1);user-select:none} .info-btn:hover{background:rgba(255,232,240,.95);border-color:#ff7eb3} .info-panel{position:absolute;top:50px;left:60px;z-index:51;background:rgba(255,245,250,.93);backdrop-filter:blur(20px);border:1.5px solid rgba(255,184,212,.35);border-radius:16px;padding:14px 18px;min-width:200px;box-shadow:0 4px 20px rgba(180,100,140,.1);opacity:0;transform:translateY(-8px);pointer-events:none;transition:all .3s cubic-bezier(.22,1,.36,1)} .info-cb:checked ~ .gal-wrapper .info-panel{opacity:1;transform:translateY(0);pointer-events:auto} .info-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;color:#5c3a4a} .info-row span:first-child{opacity:.6;width:20px;text-align:center} /* ═══════════════════════════════════════════════════════════ ☰ 右上角按钮 + 右侧菜单面板 ═══════════════════════════════════════════════════════════ */ .top-btns{position:absolute;top:12px;right:14px;z-index:55;display:flex;gap:8px} .top-btn{width:40px;height:40px;border-radius:12px;background:rgba(255,245,250,.88);border:1.5px solid rgba(255,184,212,.35);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:16px;box-shadow:0 2px 8px rgba(180,100,140,.1);color:#ff7eb3;user-select:none} .top-btn:hover{background:rgba(255,232,240,.95);border-color:#ff4d94;transform:scale(1.05)} .menu-panel{position:absolute;top:0;right:0;width:280px;height:100%;z-index:60;background:rgba(255,245,250,.93);backdrop-filter:blur(24px);border-left:1.5px solid rgba(255,184,212,.35);transform:translateX(100%);transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;overflow:hidden;pointer-events:none} .menu-cb:checked ~ .gal-wrapper .menu-panel{transform:translateX(0);pointer-events:auto} .menu-cb:checked ~ .gal-wrapper .top-btns{right:294px} /*菜单头部 */ .mh{padding:16px 18px 14px;border-bottom:1.5px solid rgba(255,184,212,.2);display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(255,184,212,.1),rgba(240,230,255,.15))} .mh-icon{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2.5px solid #ff7eb3;flex-shrink:0;box-shadow:0 2px 10px rgba(255,126,179,.2);background:#ffe8f0;background-size:cover;background-position:center 15%} .mh-name{font-size:16px;font-weight:700;color:#ff4d94;letter-spacing:1px} .mh-sub{font-size:10px;color:#b89aaa;margin-top:3px;letter-spacing:2px} /* 菜单标签页 */ .menu-tabs{display:flex;border-bottom:1.5px solid rgba(255,184,212,.15);flex-shrink:0;background:rgba(255,245,250,.5)} .mt-l{flex:1;text-align:center;padding:10px 4px;font-size:11px;color:#b89aaa;cursor:pointer;transition:all .3s;border-bottom:2.5px solid transparent;letter-spacing:1px;user-select:none} .mt-l:hover{color:#ff7eb3;background:rgba(255,184,212,.08)} .mt-l.active{color:#ff4d94;border-bottom-color:#ff7eb3;background:rgba(255,184,212,.1);font-weight:700} /* 菜单内容页 */ .mp{display:none;padding:14px 18px;flex:1;overflow-y:auto;color:#5c3a4a;font-size:13px;line-height:1.9} .mp::-webkit-scrollbar{width:4px} .mp::-webkit-scrollbar-track{background:rgba(255,184,212,.05)} .mp::-webkit-scrollbar-thumb{background:#ffb8d4;border-radius:4px} .mp.active{display:block} /* 好感度/魔素条 */ .ab-w{margin:6px 0 14px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(255,230,242,.8),rgba(240,230,255,.6));border:1.5px solid rgba(255,184,212,.2)} .ab-h{font-size:12px;color:#8b6b7a;margin-bottom:8px;display:flex;justify-content:space-between} .ab-h span:last-child{color:#ff4d94;font-weight:700;font-size:14px} .ab{width:100%;height:12px;background:rgba(255,184,212,.15);border-radius:6px;overflow:hidden} .ab-f{height:100%;border-radius:6px;background:linear-gradient(90deg,#ffb8d4,#ff7eb3);box-shadow:0 0 8px rgba(255,126,179,.2)} .ab-stage{text-align:center;margin-top:8px;font-size:11px;color:#ff4d94;letter-spacing:2px;font-weight:500} /* 状态行 */ .sr{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;margin-bottom:4px;border-radius:10px;background:rgba(255,240,248,.6);border:1px solid rgba(255,184,212,.1)} .sr-l{color:#8b6b7a;font-size:12px} .sr-v{color:#5c3a4a;font-size:13px;font-weight:500} /* 记忆条目 */ .mi{padding:10px 8px;border-radius:10px;margin-bottom:6px;background:rgba(255,240,248,.5);border:1px solid rgba(255,184,212,.1)} .mi-d{font-size:10px;color:#ff4d94;letter-spacing:1px;font-weight:500} .mi-t{font-size:12px;color:#8b6b7a;margin-top:4px;line-height:1.6} .mi.now{background:rgba(255,220,235,.6);border-color:rgba(255,184,212,.3)} .mi.now .mi-t{color:#5c3a4a} /* ═══════════════════════════════════════════════════════════ 💬 对话框系统 —淡粉毛玻璃 ═══════════════════════════════════════════════════════════ */ .dialogue-pages{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:0 14px 16px} .dialogue-page{display:none;position:relative} .db-wrap{position:relative;padding-top:18px} .character-name{position:absolute;top:0;left:26px;z-index:36;background:linear-gradient(135deg,#ff7eb3,#ff4d94);color:#fff;font-size:14px;font-weight:700;letter-spacing:2px;padding:6px 20px 6px 16px;border-radius:12px 12px 0 0;box-shadow:0 -2px 8px rgba(255,126,179,.15);display:flex;align-items:center;gap:6px;pointer-events:none;font-family:'Noto Sans SC',system-ui,sans-serif} .character-name::before{content:'♡';font-size:10px;opacity:.8} .dialogue-box{position:relative;background:rgba(255,200,220,.55);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);border:1.5px solid rgba(255,160,195,.4);border-radius:20px;padding:28px 32px 26px 110px;min-height:120px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;box-shadow:0 4px 24px rgba(180,100,140,.1),inset 0 1px 0 rgba(255,255,255,.5);transition:all .3s ease} .dialogue-box:hover{background:rgba(255,200,220,.65);box-shadow:0 6px 28px rgba(180,100,140,.18),inset 0 1px 0 rgba(255,255,255,.4)} .click-layer { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; cursor: pointer; -webkit-tap-highlight-color: transparent; } .avatar{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:72px;height:72px;border-radius:50%;border:3px solid #ff7eb3;overflow:hidden;box-shadow:0 3px 14px rgba(255,126,179,.2),0 0 0 4px rgba(255,184,212,.12);background:#FFE8F0;z-index:33;pointer-events:none;flex-shrink:0} .avatar::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1.5px dashed rgba(255,126,179,.2);animation:avatarSpin 12s linear infinite;pointer-events:none} @keyframes avatarSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}} .avatar-img{width:100%;height:100%;background-size:cover;background-position:center 15%;border-radius:50%} .dialogue-frame{font-size:15px;line-height:1.9;color:#3a1a2a;font-weight:400;pointer-events:none;position:relative;z-index:34;animation:dialogueFadeIn .4s ease;font-family:'Noto Sans SC',system-ui,sans-serif} .dialogue-frame em,.dialogue-frame strong{font-style:normal;color:#FF4D94;font-weight:700} @keyframes dialogueFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}} .next-indicator{position:absolute;bottom:10px;right:20px;font-size:16px;color:#ff7eb3;pointer-events:none;z-index:34;animation:nextBlink 1.2s ease-in-out infinite;user-select:none} .next-indicator::after{content:'▽'} @keyframes nextBlink{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(3px)}} /*旁白 */ .dialogue-page.nar .character-name{display:none} .dialogue-page.nar .avatar{display:none} .dialogue-page.nar .db-wrap{padding-top:0} .dialogue-page.nar .dialogue-box{padding-left:32px;text-align:center;background:rgba(255,200,220,.5)} .dialogue-page.nar .dialogue-frame{color:#5c3a4a;font-style:italic;font-size:14px;font-family:'Noto Serif SC','Noto Sans SC',serif} /* 动作*/ .dialogue-page.act .dialogue-frame{color:#8b6b7a;font-size:14px} /* 独白 */ .dialogue-page.whi .dialogue-frame{color:#b89aaa;font-size:14px;font-style:italic} /* 导航点 */ .dialogue-nav{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:15} .nav-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,184,212,.25);cursor:pointer;transition:all .3s} .nav-dot:hover{background:rgba(255,184,212,.5)} /* ═══════════════════════════════════════════════════════════ 🎮 翻页引擎 v5 — 固定12页 / ID后缀稳定版 不依赖 input 的 nth-of-type，避免其他 input 干扰 ═══════════════════════════════════════════════════════════ */ /* 没有翻页 radio 被选中时，仍兜底显示第1页 */ .scene-backgrounds .scene-bg:first-of-type{opacity:1} .scene-portraits .scene-portrait:first-of-type{opacity:1} .scene-portraits-secondary .scene-portrait2:first-of-type{opacity:1} .dialogue-pages .dialogue-page:first-of-type{display:block} .dialogue-nav .nav-dot:first-of-type{background:#ff7eb3;box-shadow:0 0 6px rgba(255,126,179,.5);transform:scale(1.3)} /* 任意翻页 radio 选中后先清空旧状态 */ .stage input.radio:checked ~ .scene-backgrounds .scene-bg{opacity:0!important} .stage input.radio:checked ~ .scene-portraits .scene-portrait{opacity:0!important} .stage input.radio:checked ~ .scene-portraits-secondary .scene-portrait2{opacity:0!important} .stage input.radio:checked ~ .dialogue-pages .dialogue-page{display:none!important} .stage input.radio:checked ~ .dialogue-pages .dialogue-nav .nav-dot{background:rgba(255,184,212,.25);box-shadow:none;transform:scale(1)} .stage input.radio[id$="-1"]:checked ~ .scene-backgrounds .scene-bg:nth-of-type(1), .stage input.radio[id$="-2"]:checked ~ .scene-backgrounds .scene-bg:nth-of-type(2), .stage input.radio[id$="-3"]:checked ~ .scene-backgrounds .scene-bg:nth-of-type(3), .stage input.radio[id$="-4"]:checked ~ .scene-backgrounds .scene-bg:nth-of-type(4), .stage input.radio[id$="-5"]:checked ~ .scene-backgrounds .scene-bg:nth-of-type(5), .stage input.radio[id$="-6"]:checked ~ .scene-backgrounds .scene-bg:nth-of-type(6), .stage input.radio[id$="-7"]:checked ~ .scene-backgrounds .scene-bg:nth-of-type(7), .stage input.radio[id$="-8"]:checked ~ .scene-backgrounds .scene-bg:nth-of-type(8), .stage input.radio[id$="-9"]:checked ~ .scene-backgrounds .scene-bg:nth-of-type(9), .stage input.radio[id$="-10"]:checked ~ .scene-backgrounds .scene-bg:nth-of-type(10), .stage input.radio[id$="-11"]:checked ~ .scene-backgrounds .scene-bg:nth-of-type(11), .stage input.radio[id$="-12"]:checked ~ .scene-backgrounds .scene-bg:nth-of-type(12){opacity:1!important} .stage input.radio[id$="-1"]:checked ~ .scene-portraits .scene-portrait:nth-of-type(1), .stage input.radio[id$="-2"]:checked ~ .scene-portraits .scene-portrait:nth-of-type(2), .stage input.radio[id$="-3"]:checked ~ .scene-portraits .scene-portrait:nth-of-type(3), .stage input.radio[id$="-4"]:checked ~ .scene-portraits .scene-portrait:nth-of-type(4), .stage input.radio[id$="-5"]:checked ~ .scene-portraits .scene-portrait:nth-of-type(5), .stage input.radio[id$="-6"]:checked ~ .scene-portraits .scene-portrait:nth-of-type(6), .stage input.radio[id$="-7"]:checked ~ .scene-portraits .scene-portrait:nth-of-type(7), .stage input.radio[id$="-8"]:checked ~ .scene-portraits .scene-portrait:nth-of-type(8), .stage input.radio[id$="-9"]:checked ~ .scene-portraits .scene-portrait:nth-of-type(9), .stage input.radio[id$="-10"]:checked ~ .scene-portraits .scene-portrait:nth-of-type(10), .stage input.radio[id$="-11"]:checked ~ .scene-portraits .scene-portrait:nth-of-type(11), .stage input.radio[id$="-12"]:checked ~ .scene-portraits .scene-portrait:nth-of-type(12){opacity:1!important} .stage input.radio[id$="-1"]:checked ~ .scene-portraits-secondary .scene-portrait2:nth-of-type(1), .stage input.radio[id$="-2"]:checked ~ .scene-portraits-secondary .scene-portrait2:nth-of-type(2), .stage input.radio[id$="-3"]:checked ~ .scene-portraits-secondary .scene-portrait2:nth-of-type(3), .stage input.radio[id$="-4"]:checked ~ .scene-portraits-secondary .scene-portrait2:nth-of-type(4), .stage input.radio[id$="-5"]:checked ~ .scene-portraits-secondary .scene-portrait2:nth-of-type(5), .stage input.radio[id$="-6"]:checked ~ .scene-portraits-secondary .scene-portrait2:nth-of-type(6), .stage input.radio[id$="-7"]:checked ~ .scene-portraits-secondary .scene-portrait2:nth-of-type(7), .stage input.radio[id$="-8"]:checked ~ .scene-portraits-secondary .scene-portrait2:nth-of-type(8), .stage input.radio[id$="-9"]:checked ~ .scene-portraits-secondary .scene-portrait2:nth-of-type(9), .stage input.radio[id$="-10"]:checked ~ .scene-portraits-secondary .scene-portrait2:nth-of-type(10), .stage input.radio[id$="-11"]:checked ~ .scene-portraits-secondary .scene-portrait2:nth-of-type(11), .stage input.radio[id$="-12"]:checked ~ .scene-portraits-secondary .scene-portrait2:nth-of-type(12){opacity:1!important} .stage input.radio[id$="-1"]:checked ~ .dialogue-pages .dialogue-page:nth-of-type(1), .stage input.radio[id$="-2"]:checked ~ .dialogue-pages .dialogue-page:nth-of-type(2), .stage input.radio[id$="-3"]:checked ~ .dialogue-pages .dialogue-page:nth-of-type(3), .stage input.radio[id$="-4"]:checked ~ .dialogue-pages .dialogue-page:nth-of-type(4), .stage input.radio[id$="-5"]:checked ~ .dialogue-pages .dialogue-page:nth-of-type(5), .stage input.radio[id$="-6"]:checked ~ .dialogue-pages .dialogue-page:nth-of-type(6), .stage input.radio[id$="-7"]:checked ~ .dialogue-pages .dialogue-page:nth-of-type(7), .stage input.radio[id$="-8"]:checked ~ .dialogue-pages .dialogue-page:nth-of-type(8), .stage input.radio[id$="-9"]:checked ~ .dialogue-pages .dialogue-page:nth-of-type(9), .stage input.radio[id$="-10"]:checked ~ .dialogue-pages .dialogue-page:nth-of-type(10), .stage input.radio[id$="-11"]:checked ~ .dialogue-pages .dialogue-page:nth-of-type(11), .stage input.radio[id$="-12"]:checked ~ .dialogue-pages .dialogue-page:nth-of-type(12){display:block!important} .stage input.radio[id$="-1"]:checked ~ .dialogue-pages .dialogue-nav .nav-dot:nth-of-type(1), .stage input.radio[id$="-2"]:checked ~ .dialogue-pages .dialogue-nav .nav-dot:nth-of-type(2), .stage input.radio[id$="-3"]:checked ~ .dialogue-pages .dialogue-nav .nav-dot:nth-of-type(3), .stage input.radio[id$="-4"]:checked ~ .dialogue-pages .dialogue-nav .nav-dot:nth-of-type(4), .stage input.radio[id$="-5"]:checked ~ .dialogue-pages .dialogue-nav .nav-dot:nth-of-type(5), .stage input.radio[id$="-6"]:checked ~ .dialogue-pages .dialogue-nav .nav-dot:nth-of-type(6), .stage input.radio[id$="-7"]:checked ~ .dialogue-pages .dialogue-nav .nav-dot:nth-of-type(7), .stage input.radio[id$="-8"]:checked ~ .dialogue-pages .dialogue-nav .nav-dot:nth-of-type(8), .stage input.radio[id$="-9"]:checked ~ .dialogue-pages .dialogue-nav .nav-dot:nth-of-type(9), .stage input.radio[id$="-10"]:checked ~ .dialogue-pages .dialogue-nav .nav-dot:nth-of-type(10), .stage input.radio[id$="-11"]:checked ~ .dialogue-pages .dialogue-nav .nav-dot:nth-of-type(11), .stage input.radio[id$="-12"]:checked ~ .dialogue-pages .dialogue-nav .nav-dot:nth-of-type(12){background:#ff7eb3;box-shadow:0 0 6px rgba(255,126,179,.5);transform:scale(1.3)} /*═══════════════════════════════════════════════════════════🎨 选项层 v3—— aside.options + 平台原生代码块复制 选项用 ``` 代码块，平台自动生成复制按钮 CSS 把代码块改造成粉色选项卡片 ═══════════════════════════════════════════════════════════ */ /* ── 选项层容器 ── */ aside.options { display: none; position: relative; z-index: 200; width: 100%; max-width: 800px; min-height: min(56.25vw, 450px); margin: 0 auto; margin-top: calc(-1 * min(56.25vw, 450px)); padding: 28px 5% 20px; background: rgba(15, 5, 12, .85); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border-radius: 14px; flex-direction: column; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box; overflow-y: auto; } /* 最后一页（step-12）选中后显示选项层 */ /* aside.options 在gal-wrapper 内部，用 :has 从 gal-wrapper 向下匹配 */ .gal-root:has(.step-12:checked) aside.options { display: flex !important; } /* ── 标题 ── */ aside.options::before { content: '✿ 接下来要怎么做呢？✿' !important; display: block !important; text-align: center !important; font-size: 14px !important; font-weight: 700 !important; color: #e84393 !important; letter-spacing: 4px !important; text-shadow: 0 1px 6px rgba(255, 77, 148, .15) !important; font-family: 'Noto Sans SC', system-ui, sans-serif !important; pointer-events: none !important; margin-bottom: 8px !important; } /* ── 底部提示 ── */ aside.options::after { content: '💡 点击选项即可复制到剪贴板' !important; display: block !important; text-align: center !important; font-size: 10px !important; color: rgba(200, 140, 160, .7) !important; letter-spacing: 2px !important; font-family: 'Noto Sans SC', system-ui, sans-serif !important; pointer-events: none !important; margin-top: 6px !important; } /* ═══ 代码块 → 选项卡片 ═══ */ aside.options .markdown-body pre, aside.options pre { position: relative !important; z-index: 2 !important; isolation: isolate !important; box-sizing: border-box !important; display: block !important; width: min(520px, 85%) !important; max-width: 520px !important; min-height: 0 !important; margin: 4px auto !important; padding: 14px 24px !important; color: rgba(255, 235, 245, .95) !important; background: linear-gradient(135deg, rgba(55, 22, 42, .88) 0%, rgba(70, 28, 52, .82) 100%) !important; border: 1.5px solid rgba(255, 150, 190, .3) !important; border-radius: 28px !important; box-shadow: 0 3px 14px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 180, 210, .08) !important; overflow: visible !important; cursor: pointer !important; backdrop-filter: blur(7px) !important; -webkit-backdrop-filter: blur(7px) !important; transition: all .35s cubic-bezier(.34, 1.56, .64, 1) !important; white-space: pre-wrap !important; word-wrap: break-word !important; } /* ── 清理平台装饰 ── */ aside.options pre .fade-right { display: none !important; } /* ── 内部布局 ── */ aside.options pre > div { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; gap: 0 !important; background: transparent !important; } aside.options pre > div > div.flex.justify-between, aside.options pre > div > div.border-b { display: flex !important; flex: 0 0 auto !important; align-items: center !important; background: transparent !important; border: 0 !important; pointer-events: none !important; } /* ── 隐藏语言标签（a/b/c/d） ── */ aside.options pre > div > div.flex.justify-between > div:first-child { display: none !important; } /* ═══ 复制按钮 → 透明全覆盖热区 ═══ */ aside.options pre > div > div.flex.justify-between > div:last-child, aside.options pre .tooltip-container, aside.options pre .group:has(svg.lucide-copy), aside.options pre [role="presentation"]:has(svg.lucide-copy) { display: contents !important; pointer-events: none !important; } aside.options pre [data-tooltip-id^="copy-tooltip"] { display: contents !important; pointer-events: auto !important; } aside.options pre svg.lucide-copy, aside.options pre [data-tooltip-id^="copy-tooltip"] > svg { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; opacity: 0 !important; visibility: visible !important; color: transparent !important; fill: transparent !important; stroke: transparent !important; cursor: pointer !important; pointer-events: auto !important; z-index: 30 !important; } /* ── 代码内容区域 ── */ aside.options pre > div > div[node], aside.options pre > div > div:has(> code) { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; pointer-events: none !important;z-index: 1 !important; } /* ── 代码文本样式 ── */ aside.options pre code, aside.options pre > code[node] { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: center !important; color: rgba(255, 235, 245, .95) !important; background: transparent !important; font:600 13.5px/1.55'Noto Sans SC', system-ui, sans-serif !important; letter-spacing: .8px !important; white-space: pre-wrap !important; overflow-wrap: anywhere !important; word-break: break-word !important; user-select: none !important; pointer-events: none !important; z-index: 1 !important; } aside.options pre code span { color: inherit !important; background: none !important; } /* ── 悬停效果 ── */ aside.options pre:hover { z-index: 40 !important; background: linear-gradient(135deg, rgba(200, 70, 130, .88) 0%, rgba(220, 90, 150, .82) 100%) !important; border-color: rgba(255, 180, 210, .55) !important; transform: scale(1.03) !important; box-shadow: 0 5px 24px rgba(255, 100, 160, .25), 0 0 0 3px rgba(255, 150, 190, .08), inset 0 1px 0 rgba(255, 200, 220, .15) !important; } aside.options pre:hover code, aside.options pre:hover code span { color: #fff !important; text-shadow: 0 1px 4px rgba(0, 0, 0, .2) !important; } /* ── 点击效果 ── */ aside.options pre:active { transform: scale(.97) !important; transition-duration: .1s !important; background: linear-gradient(135deg, rgba(230, 90, 155, .92) 0%, rgba(245, 110, 175, .9) 100%) !important; border-color: #ff7eb3 !important; box-shadow: 0 2px 8px rgba(255, 100, 160, .25), inset 0 2px 5px rgba(0, 0, 0, .12) !important; } /* ── "✦ 已复制" 反馈 ── */ aside.options pre::after { content: "✦ 已复制" !important; position: absolute !important; top: 50% !important; left: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 90px !important; padding: 5px 14px !important; color: #ffb4d6 !important; background: linear-gradient(180deg, rgba(60, 25, 45, .98), rgba(40, 15, 30, .96)) !important; border: 2px solid #ff7eb3 !important; border-radius: 8px !important; box-shadow: 0 0 0 1px rgba(255, 184, 212, .4), 0 0 12px rgba(255, 126, 179, .3), 0 7px 22px rgba(60, 20, 40, .25) !important; font: 700 11px/1.3 'Noto Sans SC', system-ui, monospace !important; letter-spacing: .14em !important; white-space: nowrap !important; opacity: 0 !important; pointer-events: none !important; transform: translate(-50%, -50%) scale(.88) !important; transition: opacity .30s ease .65s, transform .30s ease .65s !important; z-index: 999 !important; } aside.options pre:has(svg.lucide-copy:active)::after, aside.options pre:active::after { opacity: 1 !important; transform: translate(-50%, -50%) scale(1) !important;transition: none !important; } /* ── 最后一个选项（跳转）蓝色调 ── */ aside.options pre:last-of-type { background: linear-gradient(135deg, rgba(30, 35, 65, .88) 0%, rgba(45, 55, 85, .82) 100%) !important; border-color: rgba(140, 170, 240, .3) !important; } aside.options pre:last-of-type code, aside.options pre:last-of-type code span { color: rgba(210, 225, 255, .95) !important; } aside.options pre:last-of-type:hover { background: linear-gradient(135deg, rgba(65, 85, 165, .88) 0%, rgba(85, 105, 185, .82) 100%) !important; border-color: rgba(140, 170, 240, .55) !important; box-shadow: 0 5px 24px rgba(100, 140, 240, .2), 0 0 0 3px rgba(140, 170, 240, .08) !important; } aside.options pre:last-of-type:hover code, aside.options pre:last-of-type:hover code span { color: #fff !important; } /* ── 隐藏平台原生 Tooltip ── */ html body [role="tooltip"][id^="copy-tooltip"], html body [role="tooltip"][id*="copy-tooltip"], html body .react-tooltip[id^="copy-tooltip"], html body .react-tooltip[id*="copy-tooltip"] { opacity: 0 !important; pointer-events: none !important; clip-path: inset(50%) !important; z-index: -1 !important; } /* ── 隐藏滚动条 ── */ aside.options pre > div > div[node]::-webkit-scrollbar, aside.options pre > div > div:has(> code)::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } /* ── 触摸设备 ── */ @media (hover: none) { aside.options pre:active::after, aside.options pre:has(svg.lucide-copy:active)::after { opacity: 1 !important; transform: translate(-50%, -50%) scale(1) !important; transition: none !important; } } /* ── 减少动画 ── */ @media (prefers-reduced-motion: reduce) { aside.options pre, aside.options pre::after { transition: none !important; } } /* ═══════════════════════════════════════════════════════════ 🎮 立绘动画 ═══════════════════════════════════════════════════════════ */ .scene-portrait.ani-fade,.scene-portrait2.ani-fade{animation:vnFadeIn .6s ease-out} .scene-portrait.ani-slide-l,.scene-portrait2.ani-slide-l{animation:vnSlideL .5s cubic-bezier(.34,1.56,.64,1)} .scene-portrait.ani-slide-r,.scene-portrait2.ani-slide-r{animation:vnSlideR .5s cubic-bezier(.34,1.56,.64,1)} .scene-portrait.ani-bounce,.scene-portrait2.ani-bounce{animation:vnBounce .6s cubic-bezier(.34,1.56,.64,1)} .scene-portrait.ani-shake,.scene-portrait2.ani-shake{animation:vnShake .4s ease-in-out} @keyframes vnFadeIn{from{opacity:0}to{opacity:1}} @keyframes vnSlideL{from{transform:translateX(-80px);opacity:0}to{transform:translateX(0);opacity:1}} @keyframes vnSlideR{from{transform:translateX(80px);opacity:0}to{transform:translateX(0);opacity:1}} @keyframes vnBounce{0%{transform:translateY(40px);opacity:0}60%{transform:translateY(-8px);opacity:1}100%{transform:translateY(0)}} @keyframes vnShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}} .scene-portrait.ani-jump,.scene-portrait2.ani-jump{animation:vnJump .5s cubic-bezier(.34,1.56,.64,1)} .scene-portrait.ani-shrink,.scene-portrait2.ani-shrink{animation:vnShrink .4s cubic-bezier(.34,1.56,.64,1) forwards} .scene-portrait.ani-sway,.scene-portrait2.ani-sway{animation:vnSway 1.2s ease-in-out infinite} .scene-portrait.ani-nod,.scene-portrait2.ani-nod{animation:vnNod .6s ease-in-out} .scene-portrait.ani-float,.scene-portrait2.ani-float{animation:vnFloat 3s ease-in-out infinite} .scene-portrait.ani-tremble,.scene-portrait2.ani-tremble{animation:vnTremble .15s linear infinite} .scene-portrait.ani-zoom-in,.scene-portrait2.ani-zoom-in{animation:vnZoomIn .6s cubic-bezier(.34,1.56,.64,1) forwards} .scene-portrait.ani-step-back,.scene-portrait2.ani-step-back{animation:vnStepBack .4s cubic-bezier(.34,1.56,.64,1) forwards} @keyframes vnJump{0%{transform:translateY(0)}30%{transform:translateY(-20px)}50%{transform:translateY(-24px)}70%{transform:translateY(-8px)}85%{transform:translateY(-2px)}100%{transform:translateY(0)}} @keyframes vnShrink{0%{transform:scale(1) translateY(0)}40%{transform:scale(.88) translateY(8px)}100%{transform:scale(.92) translateY(5px)}} @keyframes vnSway{0%,100%{transform:rotate(0)}25%{transform:rotate(1.5deg)}75%{transform:rotate(-1.5deg)}} @keyframes vnNod{0%,100%{transform:translateY(0)}30%{transform:translateY(6px)}50%{transform:translateY(2px)}70%{transform:translateY(5px)}} @keyframes vnFloat{0%,100%{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-8px);filter:brightness(1.05)}} @keyframes vnTremble{0%{transform:translateX(0)}25%{transform:translateX(-1.5px)}50%{transform:translateX(1.5px)}75%{transform:translateX(-1px)}100%{transform:translateX(0)}} @keyframes vnZoomIn{0%{transform:scale(1)}100%{transform:scale(1.15)}} @keyframes vnStepBack{0%{transform:translateX(0) scale(1)}40%{transform:translateX(15px) scale(.96)}100%{transform:translateX(10px) scale(.97)}} /* ═══════════════════════════════════════════════════════════ 📱 响应式 ═══════════════════════════════════════════════════════════ */ @media(max-width:768px){ .gal-root{max-width:100%;margin:0} .gal-wrapper{border-radius:0} .dialogue-pages{padding:0 8px 10px} .dialogue-box{padding:22px 20px 20px 90px;min-height:100px;border-radius:16px} .avatar{width:60px;height:60px;left:12px} .character-name{font-size:12px;padding:4px 16px 4px 12px;left:20px} .dialogue-frame{font-size:13px;line-height:1.7} .dialogue-page.nar .dialogue-box{padding-left:20px} .scene-portrait,.scene-portrait2{width:60%} .menu-panel{width:240px} .menu-cb:checked ~ .gal-wrapper .top-btns{right:254px} .info-btn{left:52px;font-size:11px;padding:5px 10px} .info-panel{left:52px;width:180px} .card-body{flex-direction:column;align-items:center} .card-photo-area{width:100px;height:130px} } @media(max-width:480px){ .scene-portrait,.scene-portrait2{width:65%} .dialogue-box{padding:20px 16px 18px 80px;min-height:90px;border-radius:14px} .avatar{width:52px;height:52px;left:10px} .dialogue-frame{font-size:12.5px;line-height:1.65} .gal-btn-expand{font-size:10px;padding:4px 10px} .menu-panel{width:220px} .info-btn{font-size:10px;padding:4px 8px;left:48px} } /* ═══════════════════════════════════════════════════════════ 🖼️ 背景图映射 ═══════════════════════════════════════════════════════════ */ .scene-bg.bl-d{background-image:url('https://image.acg.lol/file/2026/08/05/BG1.png')} .scene-bg.bl-n{background-image:url('https://image.acg.lol/file/2026/08/05/BG2.png')} .scene-bg.br-d{background-image:url('https://image.acg.lol/file/2026/08/05/BG3.png')} .scene-bg.br-n{background-image:url('https://image.acg.lol/file/2026/08/05/BG4.png')} .scene-bg.kt{background-image:url('https://image.acg.lol/file/2026/08/05/BG5.png')} .scene-bg.kt-m{background-image:url('https://image.acg.lol/file/2026/08/05/BG6.png')} .scene-bg.bt{background-image:url('https://image.acg.lol/file/2026/08/05/BG7.png')} .scene-bg.gk{background-image:url('https://image.acg.lol/file/2026/08/05/BG8.png')} .scene-bg.yt{background-image:url('https://image.acg.lol/file/2026/08/05/BG9.png')} .scene-bg.st-d{background-image:url('https://image.acg.lol/file/2026/08/05/BG10.png')} .scene-bg.st-k{background-image:url('https://image.acg.lol/file/2026/08/05/BG11.png')} .scene-bg.st-n{background-image:url('https://image.acg.lol/file/2026/08/05/BG12.png')} .scene-bg.sh-d{background-image:url('https://image.acg.lol/file/2026/08/05/BG13.png')} .scene-bg.sh-n{background-image:url('https://image.acg.lol/file/2026/08/05/BG14.png')} .scene-bg.cv-r{background-image:url('https://image.acg.lol/file/2026/08/05/BG15.png')} .scene-bg.cv-i{background-image:url('https://image.acg.lol/file/2026/08/05/BG16.png')} .scene-bg.pk-d{background-image:url('https://image.acg.lol/file/2026/08/05/BG17.png')} .scene-bg.pk-k{background-image:url('https://image.acg.lol/file/2026/08/05/BG18.png')} .scene-bg.pk-n{background-image:url('https://image.acg.lol/file/2026/08/05/BG19.png')} .scene-bg.tr-d{background-image:url('https://image.acg.lol/file/2026/08/05/BG20.png')} .scene-bg.tr-k{background-image:url('https://image.acg.lol/file/2026/08/05/BG21.png')} .scene-bg.st-r{background-image:url('https://image.acg.lol/file/2026/08/05/BG22.png')} .scene-bg.tt-n{background-image:url('https://image.acg.lol/file/2026/08/05/BG23.png')} /* ═══════════════════════════════════════════════════════════ 🖼️ 日常CG映射 ═══════════════════════════════════════════════════════════ */ .scene-bg.cg01{background-image:url('https://image.acg.lol/file/2026/08/05/CG1.png')} .scene-bg.cg02{background-image:url('https://image.acg.lol/file/2026/08/05/CG2.png')} .scene-bg.cg03{background-image:url('https://image.acg.lol/file/2026/08/05/CG3.png')} .scene-bg.cg04{background-image:url('https://image.acg.lol/file/2026/08/05/CG4.png')} .scene-bg.cg05{background-image:url('https://image.acg.lol/file/2026/08/05/CG5.png')} .scene-bg.cg06{background-image:url('https://image.acg.lol/file/2026/08/05/CG6.png')} .scene-bg.cg07{background-image:url('https://image.acg.lol/file/2026/08/05/CG7.png')} .scene-bg.cg08{background-image:url('https://image.acg.lol/file/2026/08/05/CG8.png')} .scene-bg.cg09{background-image:url('https://image.acg.lol/file/2026/08/05/CG9.png')} .scene-bg.cg10{background-image:url('https://image.acg.lol/file/2026/08/05/CG10.png')} .scene-bg.cg11{background-image:url('https://image.acg.lol/file/2026/08/05/CG11.png')} .scene-bg.cg12{background-image:url('https://image.acg.lol/file/2026/08/05/CG12.png')} .scene-bg.cg13{background-image:url('https://image.acg.lol/file/2026/08/05/CG13.png')} .scene-bg.cg14{background-image:url('https://image.acg.lol/file/2026/08/05/CG14.png')} .scene-bg.cg15{background-image:url('https://image.acg.lol/file/2026/08/05/CG15.png')} .scene-bg.cg16{background-image:url('https://image.acg.lol/file/2026/08/05/CG16.png')} .scene-bg.cg17{background-image:url('https://image.acg.lol/file/2026/08/05/CG17.png')} .scene-bg.cg18{background-image:url('https://image.acg.lol/file/2026/08/05/CG18.png')} .scene-bg.cg19{background-image:url('https://image.acg.lol/file/2026/08/05/CG19.png')} .scene-bg.cg20{background-image:url('https://image.acg.lol/file/2026/08/05/CG20.png')} .scene-bg.cg21{background-image:url('https://image.acg.lol/file/2026/08/05/CG21.png')} .scene-bg.cg22{background-image:url('https://image.acg.lol/file/2026/08/05/CG22.png')} /* ═══════════════════════════════════════════════════════════ 🔞 R18CG差分映射 ═══════════════════════════════════════════════════════════ */ .scene-bg.r01-1{background-image:url('https://pic.moebox.io/image/R18-01-1.ri7Aax')} .scene-bg.r01-2{background-image:url('https://pic.moebox.io/image/R18-01-2.ri70t2')} .scene-bg.r01-3{background-image:url('https://pic.moebox.io/image/R18-01-3.ri7zSt')} .scene-bg.r01-4{background-image:url('https://pic.moebox.io/image/R18-01-4.ri7x0u')} .scene-bg.r01-5{background-image:url('https://pic.moebox.io/image/R18-01-5.ri7MJC')} .scene-bg.r01-6{background-image:url('https://pic.moebox.io/image/R18-01-6.ri7CdJ')} .scene-bg.r01-7{background-image:url('https://pic.moebox.io/image/R18-01-7.ri7Q6h')} .scene-bg.r01-8{background-image:url('https://pic.moebox.io/image/R18-01-8.ri7enN')} .scene-bg.r02-1{background-image:url('https://pic.moebox.io/image/R18-02-1.ri759k')} .scene-bg.r02-2{background-image:url('https://pic.moebox.io/image/R18-02-2.ri76A1')} .scene-bg.r02-3{background-image:url('https://pic.moebox.io/image/R18-02-3.ri7Wtr')} .scene-bg.r02-4{background-image:url('https://pic.moebox.io/image/R18-02-4.ri7lKm')} .scene-bg.r02-5{background-image:url('https://pic.moebox.io/image/R18-02-5.ri7s0W')} .scene-bg.r03-1{background-image:url('https://pic.moebox.io/image/R18-03-1.ri71VF')} .scene-bg.r03-2{background-image:url('https://pic.moebox.io/image/R18-03-2.ri7Vin')} .scene-bg.r03-3{background-image:url('https://pic.moebox.io/image/R18-03-3.ri7hWw')} .scene-bg.r03-4{background-image:url('https://pic.moebox.io/image/R18-03-4.ri7bdT')} .scene-bg.r03-5{background-image:url('https://pic.moebox.io/image/R18-03-5.ri7o93')} .scene-bg.r04-1{background-image:url('https://pic.moebox.io/image/R18-04-1.ri7ytP')} .scene-bg.r04-2{background-image:url('https://pic.moebox.io/image/R18-04-2.ri7LKB')} .scene-bg.r04-3{background-image:url('https://pic.moebox.io/image/R18-04-3.riw2B4')} .scene-bg.r04-4{background-image:url('https://pic.moebox.io/image/R18-04-4.riwXVV')} .scene-bg.r04-5{background-image:url('https://pic.moebox.io/image/R18-04-5.riw8iq')} .scene-bg.r05-1{background-image:url('https://pic.moebox.io/image/R18-05-1.riwOra')} .scene-bg.r05-2{background-image:url('https://pic.moebox.io/image/R18-05-2.riwRWl')} .scene-bg.r05-3{background-image:url('https://pic.moebox.io/image/R18-05-3.riwZ8U')} .scene-bg.r05-4,.scene-bg.r05-5{background-image:url('https://pic.moebox.io/image/R18-05-4.riwaDO')} .scene-bg.r06-1{background-image:url('https://pic.moebox.io/image/R18-06-1.riwiC5')} .scene-bg.r06-2{background-image:url('https://pic.moebox.io/image/R18-06-2.riwkyD')} .scene-bg.r06-3{background-image:url('https://pic.moebox.io/image/R18-06-3.riw4Y2')} .scene-bg.r06-4{background-image:url('https://pic.moebox.io/image/R18-06-4.riwIBC')} .scene-bg.r06-5{background-image:url('https://pic.moebox.io/image/R18-06-5.riwJbu')} /* ═══════════════════════════════════════════════════════════ 🌸JJWY居家卫衣 ═══════════════════════════════════════════════════════════ */ .scene-portrait.JJWY-XQTX-KXX,.scene-portrait2.JJWY-XQTX-KXX,.avatar-img.JJWY-XQTX-KXX,.mh-icon.JJWY-XQTX-KXX{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-XQTX-KXX.png')} .scene-portrait.JJWY-XQTX-CLDX,.scene-portrait2.JJWY-XQTX-CLDX,.avatar-img.JJWY-XQTX-CLDX,.mh-icon.JJWY-XQTX-CLDX{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-XQTX-CLDX.png')} .scene-portrait.JJWY-XQTX-HQWT,.scene-portrait2.JJWY-XQTX-HQWT,.avatar-img.JJWY-XQTX-HQWT,.mh-icon.JJWY-XQTX-HQWT{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-XQTX-HQWT.png')} .scene-portrait.JJWY-XQTX-XEM,.scene-portrait2.JJWY-XQTX-XEM,.avatar-img.JJWY-XQTX-XEM,.mh-icon.JJWY-XQTX-XEM{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-XQTX-XEM.png')} .scene-portrait.JJWY-XQTX-DZBM,.scene-portrait2.JJWY-XQTX-DZBM,.avatar-img.JJWY-XQTX-DZBM,.mh-icon.JJWY-XQTX-DZBM{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-XQTX-DZBM.png')} .scene-portrait.JJWY-XQTX-WHX,.scene-portrait2.JJWY-XQTX-WHX,.avatar-img.JJWY-XQTX-WHX,.mh-icon.JJWY-XQTX-WHX{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-XQTX-WHX.png')} .scene-portrait.JJWY-XQTX-YZHX,.scene-portrait2.JJWY-XQTX-YZHX,.avatar-img.JJWY-XQTX-YZHX,.mh-icon.JJWY-XQTX-YZHX{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-XQTX-YZHX.png')} .scene-portrait.JJWY-XQTX-HXSJ,.scene-portrait2.JJWY-XQTX-HXSJ,.avatar-img.JJWY-XQTX-HXSJ,.mh-icon.JJWY-XQTX-HXSJ{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-XQTX-HXSJ.png')} .scene-portrait.JJWY-XQTX-HXNL,.scene-portrait2.JJWY-XQTX-HXNL,.avatar-img.JJWY-XQTX-HXNL,.mh-icon.JJWY-XQTX-HXNL{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-XQTX-HXNL.png')} .scene-portrait.JJWY-XQTX-YSML,.scene-portrait2.JJWY-XQTX-YSML,.avatar-img.JJWY-XQTX-YSML,.mh-icon.JJWY-XQTX-YSML{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-XQTX-YSML.png')} .scene-portrait.JJWY-XQTX-MGFY,.scene-portrait2.JJWY-XQTX-MGFY,.avatar-img.JJWY-XQTX-MGFY,.mh-icon.JJWY-XQTX-MGFY{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-XQTX-MGFY.png')} .scene-portrait.JJWY-XQTX-JX,.scene-portrait2.JJWY-XQTX-JX,.avatar-img.JJWY-XQTX-JX,.mh-icon.JJWY-XQTX-JX{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-XQTX-JX.png')} .scene-portrait.JJWY-XQTX-WQKK,.scene-portrait2.JJWY-XQTX-WQKK,.avatar-img.JJWY-XQTX-WQKK,.mh-icon.JJWY-XQTX-WQKK{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-XQTX-WQKK.png')} .scene-portrait.JJWY-XQTX-ZZK,.scene-portrait2.JJWY-XQTX-ZZK,.avatar-img.JJWY-XQTX-ZZK,.mh-icon.JJWY-XQTX-ZZK{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-XQTX-ZZK.png')} .scene-portrait.JJWY-DSBY-KXX,.scene-portrait2.JJWY-DSBY-KXX,.avatar-img.JJWY-DSBY-KXX,.mh-icon.JJWY-DSBY-KXX{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-DSBY-KXX.png')} .scene-portrait.JJWY-DSBY-CLDX,.scene-portrait2.JJWY-DSBY-CLDX,.avatar-img.JJWY-DSBY-CLDX,.mh-icon.JJWY-DSBY-CLDX{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-DSBY-CLDX.png')} .scene-portrait.JJWY-DSBY-XEM,.scene-portrait2.JJWY-DSBY-XEM,.avatar-img.JJWY-DSBY-XEM,.mh-icon.JJWY-DSBY-XEM{background-image:url('https://image.acg.lol/file/2026/08/05/JJWY-DSBY-XEM.png')} /* ═══════════════════════════════════════════════════════════ 🌸 WCSF外出私服 ═══════════════════════════════════════════════════════════ */ .scene-portrait.WCSF-BSQQ-KXX,.scene-portrait2.WCSF-BSQQ-KXX,.avatar-img.WCSF-BSQQ-KXX,.mh-icon.WCSF-BSQQ-KXX{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BSQQ-KXX.png')} .scene-portrait.WCSF-BSQQ-CLDX,.scene-portrait2.WCSF-BSQQ-CLDX,.avatar-img.WCSF-BSQQ-CLDX,.mh-icon.WCSF-BSQQ-CLDX{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BSQQ-CLDX.png')} .scene-portrait.WCSF-BSQQ-HQWT,.scene-portrait2.WCSF-BSQQ-HQWT,.avatar-img.WCSF-BSQQ-HQWT,.mh-icon.WCSF-BSQQ-HQWT{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BSQQ-HQWT.png')} .scene-portrait.WCSF-BSQQ-XEM,.scene-portrait2.WCSF-BSQQ-XEM,.avatar-img.WCSF-BSQQ-XEM,.mh-icon.WCSF-BSQQ-XEM{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BSQQ-XEM.png')} .scene-portrait.WCSF-BSQQ-DZBM,.scene-portrait2.WCSF-BSQQ-DZBM,.avatar-img.WCSF-BSQQ-DZBM,.mh-icon.WCSF-BSQQ-DZBM{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BSQQ-DZBM.png')} .scene-portrait.WCSF-BSQQ-WHX,.scene-portrait2.WCSF-BSQQ-WHX,.avatar-img.WCSF-BSQQ-WHX,.mh-icon.WCSF-BSQQ-WHX{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BSQQ-WHX.png')} .scene-portrait.WCSF-BSQQ-YZHX,.scene-portrait2.WCSF-BSQQ-YZHX,.avatar-img.WCSF-BSQQ-YZHX,.mh-icon.WCSF-BSQQ-YZHX{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BSQQ-YZHX.png')} .scene-portrait.WCSF-BSQQ-HXSJ,.scene-portrait2.WCSF-BSQQ-HXSJ,.avatar-img.WCSF-BSQQ-HXSJ,.mh-icon.WCSF-BSQQ-HXSJ{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BSQQ-HXSJ.png')} .scene-portrait.WCSF-BSQQ-HXNL,.scene-portrait2.WCSF-BSQQ-HXNL,.avatar-img.WCSF-BSQQ-HXNL,.mh-icon.WCSF-BSQQ-HXNL{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BSQQ-HXNL.png')} .scene-portrait.WCSF-BSQQ-YSML,.scene-portrait2.WCSF-BSQQ-YSML,.avatar-img.WCSF-BSQQ-YSML,.mh-icon.WCSF-BSQQ-YSML{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BSQQ-YSML.png')} .scene-portrait.WCSF-BSQQ-MGFY,.scene-portrait2.WCSF-BSQQ-MGFY,.avatar-img.WCSF-BSQQ-MGFY,.mh-icon.WCSF-BSQQ-MGFY{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BSQQ-MGFY.png')} .scene-portrait.WCSF-BSQQ-JX,.scene-portrait2.WCSF-BSQQ-JX,.avatar-img.WCSF-BSQQ-JX,.mh-icon.WCSF-BSQQ-JX{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BSQQ-JX.png')} .scene-portrait.WCSF-BSQQ-WQKK,.scene-portrait2.WCSF-BSQQ-WQKK,.avatar-img.WCSF-BSQQ-WQKK,.mh-icon.WCSF-BSQQ-WQKK{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BSQQ-WQKK.png')} .scene-portrait.WCSF-BSQQ-ZZK,.scene-portrait2.WCSF-BSQQ-ZZK,.avatar-img.WCSF-BSQQ-ZZK,.mh-icon.WCSF-BSQQ-ZZK{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BSQQ-ZZK.png')} .scene-portrait.WCSF-BYCY-KXX,.scene-portrait2.WCSF-BYCY-KXX,.avatar-img.WCSF-BYCY-KXX,.mh-icon.WCSF-BYCY-KXX{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BYCY-KXX.png')} .scene-portrait.WCSF-BYCY-CLDX,.scene-portrait2.WCSF-BYCY-CLDX,.avatar-img.WCSF-BYCY-CLDX,.mh-icon.WCSF-BYCY-CLDX{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BYCY-CLDX.png')} .scene-portrait.WCSF-BYCY-HQWT,.scene-portrait2.WCSF-BYCY-HQWT,.avatar-img.WCSF-BYCY-HQWT,.mh-icon.WCSF-BYCY-HQWT{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BYCY-HQWT.png')} .scene-portrait.WCSF-BYCY-XEM,.scene-portrait2.WCSF-BYCY-XEM,.avatar-img.WCSF-BYCY-XEM,.mh-icon.WCSF-BYCY-XEM{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BYCY-XEM.png')} .scene-portrait.WCSF-BYCY-DZBM,.scene-portrait2.WCSF-BYCY-DZBM,.avatar-img.WCSF-BYCY-DZBM,.mh-icon.WCSF-BYCY-DZBM{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BYCY-DZBM.png')} .scene-portrait.WCSF-BYCY-WHX,.scene-portrait2.WCSF-BYCY-WHX,.avatar-img.WCSF-BYCY-WHX,.mh-icon.WCSF-BYCY-WHX{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BYCY-WHX.png')} .scene-portrait.WCSF-BYCY-YZHX,.scene-portrait2.WCSF-BYCY-YZHX,.avatar-img.WCSF-BYCY-YZHX,.mh-icon.WCSF-BYCY-YZHX{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BYCY-YZHX.png')} .scene-portrait.WCSF-BYCY-HXSJ,.scene-portrait2.WCSF-BYCY-HXSJ,.avatar-img.WCSF-BYCY-HXSJ,.mh-icon.WCSF-BYCY-HXSJ{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BYCY-HXSJ.png')} .scene-portrait.WCSF-BYCY-HXNL,.scene-portrait2.WCSF-BYCY-HXNL,.avatar-img.WCSF-BYCY-HXNL,.mh-icon.WCSF-BYCY-HXNL{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BYCY-HXNL.png')} .scene-portrait.WCSF-BYCY-YSML,.scene-portrait2.WCSF-BYCY-YSML,.avatar-img.WCSF-BYCY-YSML,.mh-icon.WCSF-BYCY-YSML{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BYCY-YSML.png')} .scene-portrait.WCSF-BYCY-MGFY,.scene-portrait2.WCSF-BYCY-MGFY,.avatar-img.WCSF-BYCY-MGFY,.mh-icon.WCSF-BYCY-MGFY{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BYCY-MGFY.png')} .scene-portrait.WCSF-BYCY-JX,.scene-portrait2.WCSF-BYCY-JX,.avatar-img.WCSF-BYCY-JX,.mh-icon.WCSF-BYCY-JX{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BYCY-JX.png')} .scene-portrait.WCSF-BYCY-WQKK,.scene-portrait2.WCSF-BYCY-WQKK,.avatar-img.WCSF-BYCY-WQKK,.mh-icon.WCSF-BYCY-WQKK{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BYCY-WQKK.png')} .scene-portrait.WCSF-BYCY-ZZK,.scene-portrait2.WCSF-BYCY-ZZK,.avatar-img.WCSF-BYCY-ZZK,.mh-icon.WCSF-BYCY-ZZK{background-image:url('https://image.acg.lol/file/2026/08/05/WCSF-BYCY-ZZK.png')} /* ═══════════════════════════════════════════════════════════ 🌸 XYZF校园制服 ═══════════════════════════════════════════════════════════ */ .scene-portrait.XYZF-TBHH-KXX,.scene-portrait2.XYZF-TBHH-KXX,.avatar-img.XYZF-TBHH-KXX,.mh-icon.XYZF-TBHH-KXX{background-image:url('https://image.acg.lol/file/2026/08/05/XYZF-TBHH-KXX.png')} .scene-portrait.XYZF-TBHH-CLDX,.scene-portrait2.XYZF-TBHH-CLDX,.avatar-img.XYZF-TBHH-CLDX,.mh-icon.XYZF-TBHH-CLDX{background-image:url('https://image.acg.lol/file/2026/08/05/XYZF-TBHH-CLDX.png')} .scene-portrait.XYZF-TBHH-HQWT,.scene-portrait2.XYZF-TBHH-HQWT,.avatar-img.XYZF-TBHH-HQWT,.mh-icon.XYZF-TBHH-HQWT{background-image:url('https://image.acg.lol/file/2026/08/05/XYZF-TBHH-HQWT.png')} .scene-portrait.XYZF-TBHH-XEM,.scene-portrait2.XYZF-TBHH-XEM,.avatar-img.XYZF-TBHH-XEM,.mh-icon.XYZF-TBHH-XEM{background-image:url('https://image.acg.lol/file/2026/08/05/XYZF-TBHH-XEM.png')} .scene-portrait.XYZF-TBHH-DZBM,.scene-portrait2.XYZF-TBHH-DZBM,.avatar-img.XYZF-TBHH-DZBM,.mh-icon.XYZF-TBHH-DZBM{background-image:url('https://image.acg.lol/file/2026/08/05/XYZF-TBHH-DZBM.png')} .scene-portrait.XYZF-TBHH-WHX,.scene-portrait2.XYZF-TBHH-WHX,.avatar-img.XYZF-TBHH-WHX,.mh-icon.XYZF-TBHH-WHX{background-image:url('https://image.acg.lol/file/2026/08/05/XYZF-TBHH-WHX.png')} .scene-portrait.XYZF-TBHH-YZHX,.scene-portrait2.XYZF-TBHH-YZHX,.avatar-img.XYZF-TBHH-YZHX,.mh-icon.XYZF-TBHH-YZHX{background-image:url('https://image.acg.lol/file/2026/08/05/XYZF-TBHH-YZHX.png')} .scene-portrait.XYZF-TBHH-HXSJ,.scene-portrait2.XYZF-TBHH-HXSJ,.avatar-img.XYZF-TBHH-HXSJ,.mh-icon.XYZF-TBHH-HXSJ{background-image:url('https://image.acg.lol/file/2026/08/05/XYZF-TBHH-HXSJ.png')} .scene-portrait.XYZF-TBHH-HXNL,.scene-portrait2.XYZF-TBHH-HXNL,.avatar-img.XYZF-TBHH-HXNL,.mh-icon.XYZF-TBHH-HXNL{background-image:url('https://image.acg.lol/file/2026/08/05/XYZF-TBHH-HXNL.png')} .scene-portrait.XYZF-TBHH-YSML,.scene-portrait2.XYZF-TBHH-YSML,.avatar-img.XYZF-TBHH-YSML,.mh-icon.XYZF-TBHH-YSML{background-image:url('https://image.acg.lol/file/2026/08/05/XYZF-TBHH-YSML.png')} .scene-portrait.XYZF-TBHH-MGFY,.scene-portrait2.XYZF-TBHH-MGFY,.avatar-img.XYZF-TBHH-MGFY,.mh-icon.XYZF-TBHH-MGFY{background-image:url('https://image.acg.lol/file/2026/08/05/XYZF-TBHH-MGFY.png')} .scene-portrait.XYZF-TBHH-JX,.scene-portrait2.XYZF-TBHH-JX,.avatar-img.XYZF-TBHH-JX,.mh-icon.XYZF-TBHH-JX{background-image:url('https://image.acg.lol/file/2026/08/05/XYZF-TBHH-JX.png')} .scene-portrait.XYZF-TBHH-WQKK,.scene-portrait2.XYZF-TBHH-WQKK,.avatar-img.XYZF-TBHH-WQKK,.mh-icon.XYZF-TBHH-WQKK{background-image:url('https://image.acg.lol/file/2026/08/05/XYZF-TBHH-WQKK.png')} .scene-portrait.XYZF-TBHH-ZZK,.scene-portrait2.XYZF-TBHH-ZZK,.avatar-img.XYZF-TBHH-ZZK,.mh-icon.XYZF-TBHH-ZZK{background-image:url('https://image.acg.lol/file/2026/08/05/XYZF-TBHH-ZZK.png')} /* ═══════════════════════════════════════════════════════════ 🌸 MJXF魔界校服 ═══════════════════════════════════════════════════════════ */ .scene-portrait.MJXF-CYTT-KXX,.scene-portrait2.MJXF-CYTT-KXX,.avatar-img.MJXF-CYTT-KXX,.mh-icon.MJXF-CYTT-KXX{background-image:url('https://image.acg.lol/file/2026/08/05/MJXF-CYTT-KXX.png')} .scene-portrait.MJXF-CYTT-CLDX,.scene-portrait2.MJXF-CYTT-CLDX,.avatar-img.MJXF-CYTT-CLDX,.mh-icon.MJXF-CYTT-CLDX{background-image:url('https://image.acg.lol/file/2026/08/05/MJXF-CYTT-CLDX.png')} .scene-portrait.MJXF-CYTT-HQWT,.scene-portrait2.MJXF-CYTT-HQWT,.avatar-img.MJXF-CYTT-HQWT,.mh-icon.MJXF-CYTT-HQWT{background-image:url('https://image.acg.lol/file/2026/08/05/MJXF-CYTT-HQWT.png')} .scene-portrait.MJXF-CYTT-XEM,.scene-portrait2.MJXF-CYTT-XEM,.avatar-img.MJXF-CYTT-XEM,.mh-icon.MJXF-CYTT-XEM{background-image:url('https://image.acg.lol/file/2026/08/05/MJXF-CYTT-XEM.png')} .scene-portrait.MJXF-CYTT-DZBM,.scene-portrait2.MJXF-CYTT-DZBM,.avatar-img.MJXF-CYTT-DZBM,.mh-icon.MJXF-CYTT-DZBM{background-image:url('https://image.acg.lol/file/2026/08/05/MJXF-CYTT-DZBM.png')} .scene-portrait.MJXF-CYTT-WHX,.scene-portrait2.MJXF-CYTT-WHX,.avatar-img.MJXF-CYTT-WHX,.mh-icon.MJXF-CYTT-WHX{background-image:url('https://image.acg.lol/file/2026/08/05/MJXF-CYTT-WHX.png')} .scene-portrait.MJXF-CYTT-YZHX,.scene-portrait2.MJXF-CYTT-YZHX,.avatar-img.MJXF-CYTT-YZHX,.mh-icon.MJXF-CYTT-YZHX{background-image:url('https://image.acg.lol/file/2026/08/05/MJXF-CYTT-YZHX.png')} .scene-portrait.MJXF-CYTT-HXSJ,.scene-portrait2.MJXF-CYTT-HXSJ,.avatar-img.MJXF-CYTT-HXSJ,.mh-icon.MJXF-CYTT-HXSJ{background-image:url('https://image.acg.lol/file/2026/08/05/MJXF-CYTT-HXSJ.png')} .scene-portrait.MJXF-CYTT-HXNL,.scene-portrait2.MJXF-CYTT-HXNL,.avatar-img.MJXF-CYTT-HXNL,.mh-icon.MJXF-CYTT-HXNL{background-image:url('https://image.acg.lol/file/2026/08/05/MJXF-CYTT-HXNL.png')} .scene-portrait.MJXF-CYTT-YSML,.scene-portrait2.MJXF-CYTT-YSML,.avatar-img.MJXF-CYTT-YSML,.mh-icon.MJXF-CYTT-YSML{background-image:url('https://image.acg.lol/file/2026/08/05/MJXF-CYTT-YSML.png')} .scene-portrait.MJXF-CYTT-MGFY,.scene-portrait2.MJXF-CYTT-MGFY,.avatar-img.MJXF-CYTT-MGFY,.mh-icon.MJXF-CYTT-MGFY{background-image:url('https://image.acg.lol/file/2026/08/05/MJXF-CYTT-MGFY.png')} /* ═══════════════════════════════════════════════════════════ 🌸 LWQ裸围裙 ═══════════════════════════════════════════════════════════ */ .scene-portrait.LWQ-NQB-KXX,.scene-portrait2.LWQ-NQB-KXX,.avatar-img.LWQ-NQB-KXX,.mh-icon.LWQ-NQB-KXX{background-image:url('https://image.acg.lol/file/2026/08/05/LWQ-NQB-KXX.png')} .scene-portrait.LWQ-NQB-CLDX,.scene-portrait2.LWQ-NQB-CLDX,.avatar-img.LWQ-NQB-CLDX,.mh-icon.LWQ-NQB-CLDX{background-image:url('https://image.acg.lol/file/2026/08/05/LWQ-NQB-CLDX.png')} .scene-portrait.LWQ-NQB-XEM,.scene-portrait2.LWQ-NQB-XEM,.avatar-img.LWQ-NQB-XEM,.mh-icon.LWQ-NQB-XEM{background-image:url('https://image.acg.lol/file/2026/08/05/LWQ-NQB-XEM.png')} .scene-portrait.LWQ-NQB-WHX,.scene-portrait2.LWQ-NQB-WHX,.avatar-img.LWQ-NQB-WHX,.mh-icon.LWQ-NQB-WHX{background-image:url('https://image.acg.lol/file/2026/08/05/LWQ-NQB-WHX.png')} .scene-portrait.LWQ-NQB-YZHX,.scene-portrait2.LWQ-NQB-YZHX,.avatar-img.LWQ-NQB-YZHX,.mh-icon.LWQ-NQB-YZHX{background-image:url('https://image.acg.lol/file/2026/08/05/LWQ-NQB-YZHX.png')} .scene-portrait.LWQ-NQB-HXSJ,.scene-portrait2.LWQ-NQB-HXSJ,.avatar-img.LWQ-NQB-HXSJ,.mh-icon.LWQ-NQB-HXSJ{background-image:url('https://image.acg.lol/file/2026/08/05/LWQ-NQB-HXSJ.png')} /* ═══════════════════════════════════════════════════════════ 🌸 YZ泳装 ═══════════════════════════════════════════════════════════ */ .scene-portrait.YZ-JCHX-WHX,.scene-portrait2.YZ-JCHX-WHX,.avatar-img.YZ-JCHX-WHX,.mh-icon.YZ-JCHX-WHX{background-image:url('https://image.acg.lol/file/2026/08/05/YZ-JCHX-WHX.png')} .scene-portrait.YZ-JCHX-YZHX,.scene-portrait2.YZ-JCHX-YZHX,.avatar-img.YZ-JCHX-YZHX,.mh-icon.YZ-JCHX-YZHX{background-image:url('https://image.acg.lol/file/2026/08/05/YZ-JCHX-YZHX.png')} .scene-portrait.YZ-JCHX-HXSJ,.scene-portrait2.YZ-JCHX-HXSJ,.avatar-img.YZ-JCHX-HXSJ,.mh-icon.YZ-JCHX-HXSJ{background-image:url('https://image.acg.lol/file/2026/08/05/YZ-JCHX-HXSJ.png')} .scene-portrait.YZ-WBCS-KXX,.scene-portrait2.YZ-WBCS-KXX,.avatar-img.YZ-WBCS-KXX,.mh-icon.YZ-WBCS-KXX{background-image:url('https://image.acg.lol/file/2026/08/05/YZ-WBCS-KXX.png')} .scene-portrait.YZ-WBCS-HQWT,.scene-portrait2.YZ-WBCS-HQWT,.avatar-img.YZ-WBCS-HQWT,.mh-icon.YZ-WBCS-HQWT{background-image:url('https://image.acg.lol/file/2026/08/05/YZ-WBCS-HQWT.png')} .scene-portrait.YZ-WBCS-DZBM,.scene-portrait2.YZ-WBCS-DZBM,.avatar-img.YZ-WBCS-DZBM,.mh-icon.YZ-WBCS-DZBM{background-image:url('https://image.acg.lol/file/2026/08/05/YZ-WBCS-DZBM.png')} .scene-portrait.YZ-WBCS-WHX,.scene-portrait2.YZ-WBCS-WHX,.avatar-img.YZ-WBCS-WHX,.mh-icon.YZ-WBCS-WHX{background-image:url('https://image.acg.lol/file/2026/08/05/YZ-WBCS-WHX.png')} .scene-portrait.YZ-WBCS-XEM,.scene-portrait2.YZ-WBCS-XEM,.avatar-img.YZ-WBCS-XEM,.mh-icon.YZ-WBCS-XEM{background-image:url('https://image.acg.lol/file/2026/08/05/YZ-WBCS-XEM.png')} /* ═══════════════════════════════════════════════════════════ 🌸 LT裸体 ═══════════════════════════════════════════════════════════ */ .scene-portrait.LT-ZMZD-KXX,.scene-portrait2.LT-ZMZD-KXX,.avatar-img.LT-ZMZD-KXX,.mh-icon.LT-ZMZD-KXX{background-image:url('https://image.acg.lol/file/2026/08/05/LT-ZMZD-KXX.png')} .scene-portrait.LT-ZMZD-HQWT,.scene-portrait2.LT-ZMZD-HQWT,.avatar-img.LT-ZMZD-HQWT,.mh-icon.LT-ZMZD-HQWT{background-image:url('https://image.acg.lol/file/2026/08/05/LT-ZMZD-HQWT.png')} .scene-portrait.LT-ZMZD-XEM,.scene-portrait2.LT-ZMZD-XEM,.avatar-img.LT-ZMZD-XEM,.mh-icon.LT-ZMZD-XEM{background-image:url('https://image.acg.lol/file/2026/08/05/LT-ZMZD-XEM.png')} .scene-portrait.LT-ZMZD-DZBM,.scene-portrait2.LT-ZMZD-DZBM,.avatar-img.LT-ZMZD-DZBM,.mh-icon.LT-ZMZD-DZBM{background-image:url('https://image.acg.lol/file/2026/08/05/LT-ZMZD-DZBM.png')} .scene-portrait.LT-ZMZD-WHX,.scene-portrait2.LT-ZMZD-WHX,.avatar-img.LT-ZMZD-WHX,.mh-icon.LT-ZMZD-WHX{background-image:url('https://image.acg.lol/file/2026/08/05/LT-ZMZD-WHX.png')} .scene-portrait.LT-ZMZD-YZHX,.scene-portrait2.LT-ZMZD-YZHX,.avatar-img.LT-ZMZD-YZHX,.mh-icon.LT-ZMZD-YZHX{background-image:url('https://image.acg.lol/file/2026/08/05/LT-ZMZD-YZHX.png')} .scene-portrait.LT-ZMZD-HXSJ,.scene-portrait2.LT-ZMZD-HXSJ,.avatar-img.LT-ZMZD-HXSJ,.mh-icon.LT-ZMZD-HXSJ{background-image:url('https://image.acg.lol/file/2026/08/05/LT-ZMZD-HXSJ.png')} .scene-portrait.LT-ZMZD-HXNL,.scene-portrait2.LT-ZMZD-HXNL,.avatar-img.LT-ZMZD-HXNL,.mh-icon.LT-ZMZD-HXNL{background-image:url('https://image.acg.lol/file/2026/08/05/LT-ZMZD-HXNL.png')} .scene-portrait.LT-ZMZD-YSML,.scene-portrait2.LT-ZMZD-YSML,.avatar-img.LT-ZMZD-YSML,.mh-icon.LT-ZMZD-YSML{background-image:url('https://image.acg.lol/file/2026/08/05/LT-ZMZD-YSML.png')} .scene-portrait.LT-ZMZD-MGFY,.scene-portrait2.LT-ZMZD-MGFY,.avatar-img.LT-ZMZD-MGFY,.mh-icon.LT-ZMZD-MGFY{background-image:url('https://image.acg.lol/file/2026/08/05/LT-ZMZD-MGFY.png')} .scene-portrait.LT-ZMZD-JX,.scene-portrait2.LT-ZMZD-JX,.avatar-img.LT-ZMZD-JX,.mh-icon.LT-ZMZD-JX{background-image:url('https://image.acg.lol/file/2026/08/05/LT-ZMZD-JX.png')} .scene-portrait.LT-ZMZD-WQKK,.scene-portrait2.LT-ZMZD-WQKK,.avatar-img.LT-ZMZD-WQKK,.mh-icon.LT-ZMZD-WQKK{background-image:url('https://image.acg.lol/file/2026/08/05/LT-ZMZD-WQKK.png')} .scene-portrait.LT-ZMZD-ZZK,.scene-portrait2.LT-ZMZD-ZZK,.avatar-img.LT-ZMZD-ZZK,.mh-icon.LT-ZMZD-ZZK{background-image:url('https://image.acg.lol/file/2026/08/05/LT-ZMZD-ZZK.png')} /* ═══════════════════════════════════════════════════════════👥 NPC立绘映射 ═══════════════════════════════════════════════════════════ */ .scene-portrait.bss,.scene-portrait2.bss,.avatar-img.bss,.mh-icon.bss{background-image:url('https://image.acg.lol/file/2026/08/06/SYYSS.png')} .scene-portrait.yg-dzh,.scene-portrait2.yg-dzh,.avatar-img.yg-dzh,.mh-icon.yg-dzh{background-image:url('https://image.acg.lol/file/2026/08/06/SYYYG-DZH.png')} .scene-portrait.yg-kx,.scene-portrait2.yg-kx,.avatar-img.yg-kx,.mh-icon.yg-kx{background-image:url('https://image.acg.lol/file/2026/08/06/SYYYG-KX.png')} .scene-portrait.yg-qd,.scene-portrait2.yg-qd,.avatar-img.yg-qd,.mh-icon.yg-qd{background-image:url('https://image.acg.lol/file/2026/08/06/SYYYG-QD.png')} input.mt-r[id$="-1"]:checked ~ .gal-wrapper .menu-panel .mp1{display:block!important} input.mt-r[id$="-2"]:checked ~ .gal-wrapper .menu-panel .mp2{display:block!important} input.mt-r[id$="-3"]:checked ~ .gal-wrapper .menu-panel .mp3{display:block!important} input.mt-r[id$="-4"]:checked ~ .gal-wrapper .menu-panel .mp4{display:block!important} input.mt-r[id$="-1"]:checked ~ .gal-wrapper .menu-panel .menu-tabs .mt-l:nth-child(1),input.mt-r[id$="-2"]:checked ~ .gal-wrapper .menu-panel .menu-tabs .mt-l:nth-child(2),input.mt-r[id$="-3"]:checked ~ .gal-wrapper .menu-panel .menu-tabs .mt-l:nth-child(3),input.mt-r[id$="-4"]:checked ~ .gal-wrapper .menu-panel .menu-tabs .mt-l:nth-child(4){color:#ff4d94!important;border-bottom-color:#ff7eb3!important;background:rgba(255,184,212,.1)!important;font-weight:700!important} .next-indicator{animation:nextBlink 1.2s ease-in-out infinite!important} .menu-tabs{position:relative;z-index:65} .menu-tabs .mt-l{position:relative;z-index:66} /* ═══════════════════════════════════════════════════════════ ✅ VN 交互引擎 v4.1 — 无初始状态依赖 / 精确当前页 ═══════════════════════════════════════════════════════════ */ /* 菜单交互由末尾 v5.1 混合菜单引擎接管 */ /* 对话框点击：input本体铺满当前对话框 */ .dialogue-box > .click-layer{ display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important; z-index:90!important;pointer-events:auto!important;cursor:pointer!important; -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important } .dialogue-box > .click-layer > .step-cb{ display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important; margin:0!important;padding:0!important;border:0!important;opacity:0!important;clip-path:none!important; overflow:visible!important;pointer-events:auto!important;cursor:pointer!important; appearance:none!important;-webkit-appearance:none!important;z-index:2!important;touch-action:manipulation!important } .next-indicator{pointer-events:none!important} /* 所有场景先清空。当前页由“最高已勾选step”精确决定 */ .stage .scene-backgrounds .scene-bg{opacity:0!important} .stage .scene-portraits .scene-portrait{opacity:0!important} .stage .scene-portraits-secondary .scene-portrait2{opacity:0!important} .stage .dialogue-pages .dialogue-page{display:none!important} .stage .dialogue-nav .nav-dot{ background:rgba(255,184,212,.25)!important;box-shadow:none!important; transform:scale(1)!important;pointer-events:none!important } /* 第1页：没有step-2时 */ .stage:not(:has(.step-2:checked)) .scene-backgrounds .scene-bg:nth-of-type(1){opacity:1!important} .stage:not(:has(.step-2:checked)) .scene-portraits .scene-portrait:nth-of-type(1){opacity:1!important} .stage:not(:has(.step-2:checked)) .scene-portraits-secondary .scene-portrait2:nth-of-type(1){opacity:1!important} .stage:not(:has(.step-2:checked)) .dialogue-pages .dialogue-page:nth-of-type(1){display:block!important} .stage:not(:has(.step-2:checked)) .dialogue-nav .nav-dot:nth-of-type(1){ background:#ff7eb3!important;box-shadow:0 0 6px rgba(255,126,179,.5)!important;transform:scale(1.3)!important } /* 当前第2页 */ .stage:has(.step-2:checked):not(:has(.step-3:checked)) .scene-backgrounds .scene-bg:nth-of-type(2){opacity:1!important} .stage:has(.step-2:checked):not(:has(.step-3:checked)) .scene-portraits .scene-portrait:nth-of-type(2){opacity:1!important} .stage:has(.step-2:checked):not(:has(.step-3:checked)) .scene-portraits-secondary .scene-portrait2:nth-of-type(2){opacity:1!important} .stage:has(.step-2:checked):not(:has(.step-3:checked)) .dialogue-pages .dialogue-page:nth-of-type(2){display:block!important} .stage:has(.step-2:checked):not(:has(.step-3:checked)) .dialogue-nav .nav-dot:nth-of-type(2){background:#ff7eb3!important;box-shadow:0 0 6px rgba(255,126,179,.5)!important;transform:scale(1.3)!important} /* 当前第3页 */ .stage:has(.step-3:checked):not(:has(.step-4:checked)) .scene-backgrounds .scene-bg:nth-of-type(3){opacity:1!important} .stage:has(.step-3:checked):not(:has(.step-4:checked)) .scene-portraits .scene-portrait:nth-of-type(3){opacity:1!important} .stage:has(.step-3:checked):not(:has(.step-4:checked)) .scene-portraits-secondary .scene-portrait2:nth-of-type(3){opacity:1!important} .stage:has(.step-3:checked):not(:has(.step-4:checked)) .dialogue-pages .dialogue-page:nth-of-type(3){display:block!important} .stage:has(.step-3:checked):not(:has(.step-4:checked)) .dialogue-nav .nav-dot:nth-of-type(3){background:#ff7eb3!important;box-shadow:0 0 6px rgba(255,126,179,.5)!important;transform:scale(1.3)!important} /* 当前第4页 */ .stage:has(.step-4:checked):not(:has(.step-5:checked)) .scene-backgrounds .scene-bg:nth-of-type(4){opacity:1!important} .stage:has(.step-4:checked):not(:has(.step-5:checked)) .scene-portraits .scene-portrait:nth-of-type(4){opacity:1!important} .stage:has(.step-4:checked):not(:has(.step-5:checked)) .scene-portraits-secondary .scene-portrait2:nth-of-type(4){opacity:1!important} .stage:has(.step-4:checked):not(:has(.step-5:checked)) .dialogue-pages .dialogue-page:nth-of-type(4){display:block!important} .stage:has(.step-4:checked):not(:has(.step-5:checked)) .dialogue-nav .nav-dot:nth-of-type(4){background:#ff7eb3!important;box-shadow:0 0 6px rgba(255,126,179,.5)!important;transform:scale(1.3)!important} /* 当前第5页 */ .stage:has(.step-5:checked):not(:has(.step-6:checked)) .scene-backgrounds .scene-bg:nth-of-type(5){opacity:1!important} .stage:has(.step-5:checked):not(:has(.step-6:checked)) .scene-portraits .scene-portrait:nth-of-type(5){opacity:1!important} .stage:has(.step-5:checked):not(:has(.step-6:checked)) .scene-portraits-secondary .scene-portrait2:nth-of-type(5){opacity:1!important} .stage:has(.step-5:checked):not(:has(.step-6:checked)) .dialogue-pages .dialogue-page:nth-of-type(5){display:block!important} .stage:has(.step-5:checked):not(:has(.step-6:checked)) .dialogue-nav .nav-dot:nth-of-type(5){background:#ff7eb3!important;box-shadow:0 0 6px rgba(255,126,179,.5)!important;transform:scale(1.3)!important} /* 当前第6页 */ .stage:has(.step-6:checked):not(:has(.step-7:checked)) .scene-backgrounds .scene-bg:nth-of-type(6){opacity:1!important} .stage:has(.step-6:checked):not(:has(.step-7:checked)) .scene-portraits .scene-portrait:nth-of-type(6){opacity:1!important} .stage:has(.step-6:checked):not(:has(.step-7:checked)) .scene-portraits-secondary .scene-portrait2:nth-of-type(6){opacity:1!important} .stage:has(.step-6:checked):not(:has(.step-7:checked)) .dialogue-pages .dialogue-page:nth-of-type(6){display:block!important} .stage:has(.step-6:checked):not(:has(.step-7:checked)) .dialogue-nav .nav-dot:nth-of-type(6){background:#ff7eb3!important;box-shadow:0 0 6px rgba(255,126,179,.5)!important;transform:scale(1.3)!important} /* 当前第7页 */ .stage:has(.step-7:checked):not(:has(.step-8:checked)) .scene-backgrounds .scene-bg:nth-of-type(7){opacity:1!important} .stage:has(.step-7:checked):not(:has(.step-8:checked)) .scene-portraits .scene-portrait:nth-of-type(7){opacity:1!important} .stage:has(.step-7:checked):not(:has(.step-8:checked)) .scene-portraits-secondary .scene-portrait2:nth-of-type(7){opacity:1!important} .stage:has(.step-7:checked):not(:has(.step-8:checked)) .dialogue-pages .dialogue-page:nth-of-type(7){display:block!important} .stage:has(.step-7:checked):not(:has(.step-8:checked)) .dialogue-nav .nav-dot:nth-of-type(7){background:#ff7eb3!important;box-shadow:0 0 6px rgba(255,126,179,.5)!important;transform:scale(1.3)!important} /* 当前第8页 */ .stage:has(.step-8:checked):not(:has(.step-9:checked)) .scene-backgrounds .scene-bg:nth-of-type(8){opacity:1!important} .stage:has(.step-8:checked):not(:has(.step-9:checked)) .scene-portraits .scene-portrait:nth-of-type(8){opacity:1!important} .stage:has(.step-8:checked):not(:has(.step-9:checked)) .scene-portraits-secondary .scene-portrait2:nth-of-type(8){opacity:1!important} .stage:has(.step-8:checked):not(:has(.step-9:checked)) .dialogue-pages .dialogue-page:nth-of-type(8){display:block!important} .stage:has(.step-8:checked):not(:has(.step-9:checked)) .dialogue-nav .nav-dot:nth-of-type(8){background:#ff7eb3!important;box-shadow:0 0 6px rgba(255,126,179,.5)!important;transform:scale(1.3)!important} /* 当前第9页 */ .stage:has(.step-9:checked):not(:has(.step-10:checked)) .scene-backgrounds .scene-bg:nth-of-type(9){opacity:1!important} .stage:has(.step-9:checked):not(:has(.step-10:checked)) .scene-portraits .scene-portrait:nth-of-type(9){opacity:1!important} .stage:has(.step-9:checked):not(:has(.step-10:checked)) .scene-portraits-secondary .scene-portrait2:nth-of-type(9){opacity:1!important} .stage:has(.step-9:checked):not(:has(.step-10:checked)) .dialogue-pages .dialogue-page:nth-of-type(9){display:block!important} .stage:has(.step-9:checked):not(:has(.step-10:checked)) .dialogue-nav .nav-dot:nth-of-type(9){background:#ff7eb3!important;box-shadow:0 0 6px rgba(255,126,179,.5)!important;transform:scale(1.3)!important} /* 当前第10页 */ .stage:has(.step-10:checked):not(:has(.step-11:checked)) .scene-backgrounds .scene-bg:nth-of-type(10){opacity:1!important} .stage:has(.step-10:checked):not(:has(.step-11:checked)) .scene-portraits .scene-portrait:nth-of-type(10){opacity:1!important} .stage:has(.step-10:checked):not(:has(.step-11:checked)) .scene-portraits-secondary .scene-portrait2:nth-of-type(10){opacity:1!important} .stage:has(.step-10:checked):not(:has(.step-11:checked)) .dialogue-pages .dialogue-page:nth-of-type(10){display:block!important} .stage:has(.step-10:checked):not(:has(.step-11:checked)) .dialogue-nav .nav-dot:nth-of-type(10){background:#ff7eb3!important;box-shadow:0 0 6px rgba(255,126,179,.5)!important;transform:scale(1.3)!important} /* 当前第11页 */ .stage:has(.step-11:checked):not(:has(.step-12:checked)) .scene-backgrounds .scene-bg:nth-of-type(11){opacity:1!important} .stage:has(.step-11:checked):not(:has(.step-12:checked)) .scene-portraits .scene-portrait:nth-of-type(11){opacity:1!important} .stage:has(.step-11:checked):not(:has(.step-12:checked)) .scene-portraits-secondary .scene-portrait2:nth-of-type(11){opacity:1!important} .stage:has(.step-11:checked):not(:has(.step-12:checked)) .dialogue-pages .dialogue-page:nth-of-type(11){display:block!important} .stage:has(.step-11:checked):not(:has(.step-12:checked)) .dialogue-nav .nav-dot:nth-of-type(11){background:#ff7eb3!important;box-shadow:0 0 6px rgba(255,126,179,.5)!important;transform:scale(1.3)!important} /* 当前第12页 */ .stage:has(.step-12:checked) .scene-backgrounds .scene-bg:nth-of-type(12){opacity:1!important} .stage:has(.step-12:checked) .scene-portraits .scene-portrait:nth-of-type(12){opacity:1!important} .stage:has(.step-12:checked) .scene-portraits-secondary .scene-portrait2:nth-of-type(12){opacity:1!important} .stage:has(.step-12:checked) .dialogue-pages .dialogue-page:nth-of-type(12){display:block!important} .stage:has(.step-12:checked) .dialogue-nav .nav-dot:nth-of-type(12){background:#ff7eb3!important;box-shadow:0 0 6px rgba(255,126,179,.5)!important;transform:scale(1.3)!important} /* ═══════════════════════════════════════════════════════════ ✅ v5.2 菜单稳定引擎 未选中 menu-cb = 展开 选中 menu-cb = 折叠 对话框继续沿用已经正常工作的 v4.1 step-checkbox ═══════════════════════════════════════════════════════════ */ /* 默认一定显示右侧面板，不再依赖任何初始checked */ .menu-panel{ transform:translateX(0)!important; pointer-events:auto!important; } /* 点击☰后checkbox选中，此时才折叠 */ .menu-cb:checked ~ .gal-wrapper .menu-panel{ transform:translateX(100%)!important; pointer-events:none!important; } /* 折叠按钮：展开时位于面板左侧，折叠时回到右上角 */ .top-btns{ display:flex!important; position:absolute!important; top:12px!important; right:294px!important; z-index:90!important; gap:8px!important; pointer-events:auto!important; } .menu-cb:checked ~ .gal-wrapper .top-btns{ right:14px!important; } .top-btn{ display:flex!important; position:relative!important; z-index:91!important; pointer-events:auto!important; cursor:pointer!important; user-select:none!important; touch-action:manipulation!important; } /* 隐藏输入控件，但保留label默认激活能力 */ .gal-root > .menu-cb, .gal-root > .mt-r{ position:absolute!important; opacity:0!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; border:0!important; clip-path:inset(50%)!important; overflow:hidden!important; pointer-events:auto!important; } /* 状态 / 背包 / 记忆 / 关系四个标签始终可见、可点击 */ .menu-tabs{ display:flex!important; position:relative!important; z-index:80!important; pointer-events:auto!important; } .menu-tabs .mt-l{ display:flex!important; align-items:center!important; justify-content:center!important; flex:1!important; position:relative!important; z-index:81!important; pointer-events:auto!important; cursor:pointer!important; user-select:none!important; touch-action:manipulation!important; } /* 内容切换只由mt-r负责 */ .menu-panel .mp{display:none!important} /* 即使AI漏掉第一个checked，也兜底显示状态页 */ .gal-root:not(:has(> input.mt-r:checked)) .menu-panel .mp1{ display:block!important; } input.mt-r[id$="-1"]:checked ~ .gal-wrapper .menu-panel .mp1{display:block!important} input.mt-r[id$="-2"]:checked ~ .gal-wrapper .menu-panel .mp2{display:block!important} input.mt-r[id$="-3"]:checked ~ .gal-wrapper .menu-panel .mp3{display:block!important} input.mt-r[id$="-4"]:checked ~ .gal-wrapper .menu-panel .mp4{display:block!important} /* 当前标签高亮 */ input.mt-r[id$="-1"]:checked ~ .gal-wrapper .menu-panel .menu-tabs .mt-l:nth-child(1), input.mt-r[id$="-2"]:checked ~ .gal-wrapper .menu-panel .menu-tabs .mt-l:nth-child(2), input.mt-r[id$="-3"]:checked ~ .gal-wrapper .menu-panel .menu-tabs .mt-l:nth-child(3), input.mt-r[id$="-4"]:checked ~ .gal-wrapper .menu-panel .menu-tabs .mt-l:nth-child(4){ color:#ff4d94!important; border-bottom-color:#ff7eb3!important; background:rgba(255,184,212,.1)!important; font-weight:700!important; } /* 移动端按钮位置 */ @media(max-width:768px){ .top-btns{right:254px!important} .menu-cb:checked ~ .gal-wrapper .top-btns{right:14px!important} } @media(max-width:480px){ .top-btns{right:234px!important} .menu-cb:checked ~ .gal-wrapper .top-btns{right:14px!important} } /* ═══════════════════════════════════════════════════════════ ✅ v5.3 折叠/重新展开修复 关键点： - 展开时：使用 gal-wrapper 内原 top-btn 折叠 - 折叠后：使用 gal-root 直接子元素 menu-reopen-btn 重新展开 重新展开按钮不属于 menu-panel / gal-wrapper，避免被折叠态一起锁死。 ═══════════════════════════════════════════════════════════ */ /* 外置重新展开按钮：默认隐藏 */ .gal-root > .menu-reopen-btn{ display:none!important; position:absolute!important; top:12px!important; right:14px!important; width:40px!important; height:40px!important; align-items:center!important; justify-content:center!important; border-radius:12px!important; background:rgba(255,245,250,.96)!important; border:1.5px solid rgba(255,184,212,.55)!important; backdrop-filter:blur(10px)!important; box-shadow:0 3px 12px rgba(180,100,140,.16)!important; color:#ff7eb3!important; font-size:18px!important; line-height:1!important; cursor:pointer!important; user-select:none!important; pointer-events:auto!important; touch-action:manipulation!important; z-index:99999!important; } /* menu-cb选中=折叠，此时外置按钮强制出现 */ .gal-root > .menu-cb:checked ~ .menu-reopen-btn{ display:flex!important; } /* menu-cb未选中=展开，此时外置按钮隐藏 */ .gal-root > .menu-cb:not(:checked) ~ .menu-reopen-btn{ display:none!important; } /* 展开时显示原折叠按钮；折叠后把内部按钮彻底藏掉，避免两个按钮重叠 */ .gal-root > .menu-cb:not(:checked) ~ .gal-wrapper .top-btns{ display:flex!important; } .gal-root > .menu-cb:checked ~ .gal-wrapper .top-btns{ display:none!important; } /* 折叠后的菜单面板不接收鼠标；外置 reopen 按钮仍在 gal-wrapper 外独立接收点击 */ .gal-root > .menu-cb:checked ~ .gal-wrapper .menu-panel{ transform:translateX(100%)!important; pointer-events:none!important; } .gal-root > .menu-cb:not(:checked) ~ .gal-wrapper .menu-panel{ transform:translateX(0)!important; pointer-events:auto!important; } /* 全屏时，重新展开按钮也固定到浏览器右上角 */ .gal-root > .gal-fullscreen-cb:checked ~ .menu-cb:checked ~ .menu-reopen-btn{ position:fixed!important; top:12px!important; right:14px!important; z-index:10005!important; } /* ═══════════════════════════════════════════════════════════ ✅ v7：外送面板 1/2/3/4/5 原样菜单逻辑 结构：空details触发器 + 独立menu-pages ═══════════════════════════════════════════════════════════ */ /* 旧菜单机制彻底失效 */ .menu-cb,.menu-reopen-btn,.mt-r,.mt-native,.top-btns{display:none!important} /* 整体菜单折叠 */ .menu-shell{ position:absolute!important; top:0!important; right:0!important; width:280px!important; height:100%!important; z-index:180!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; pointer-events:none!important; overflow:visible!important; } .menu-shell:not([open]){width:0!important} .menu-shell > .menu-shell-toggle{ position:absolute!important; top:12px!important; left:-54px!important; z-index:190!important; display:flex!important; align-items:center!important; justify-content:center!important; width:40px!important; height:40px!important; margin:0!important; padding:0!important; border:1.5px solid rgba(255,184,212,.45)!important; border-radius:12px!important; background:rgba(255,245,250,.96)!important; color:#ff7eb3!important; font-size:18px!important; line-height:1!important; list-style:none!important; cursor:pointer!important; pointer-events:auto!important; user-select:none!important; touch-action:manipulation!important; box-shadow:0 2px 10px rgba(180,100,140,.14)!important; } .menu-shell > .menu-shell-toggle::-webkit-details-marker{display:none!important} .menu-shell > .menu-shell-toggle::marker{content:""!important;display:none!important} /* 原UI面板 */ .menu-shell > .menu-panel{ position:absolute!important; top:0!important; right:0!important; width:280px!important; height:100%!important; z-index:181!important; display:flex!important; flex-direction:column!important; transform:none!important; pointer-events:auto!important; overflow:hidden!important; } /* tabs容器：和参考作品sv-phone-tabs一样作为定位基准 */ .menu-tabs{ position:relative!important; display:block!important; flex:1 1 auto!important; width:100%!important; min-height:0!important; overflow:hidden!important; pointer-events:auto!important; } /* details触发器本身不占布局 */ .menu-tab-trigger{ display:block!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; } /* 四个summary绝对定位到顶部，确保永远位于页面内容之上 */ .menu-tab-trigger > summary.mt-l{ position:absolute!important; top:0!important; z-index:250!important; display:flex!important; align-items:center!important; justify-content:center!important; width:25%!important; height:42px!important; margin:0!important; padding:0 2px!important; border:0!important; border-bottom:2.5px solid transparent!important; background:rgba(255,245,250,.98)!important; color:#b89aaa!important; font-size:11px!important; font-weight:500!important; line-height:1!important; letter-spacing:1px!important; list-style:none!important; cursor:pointer!important; pointer-events:auto!important; user-select:none!important; touch-action:manipulation!important; box-sizing:border-box!important; } .menu-tab-trigger > summary.mt-l::-webkit-details-marker{display:none!important} .menu-tab-trigger > summary.mt-l::marker{content:""!important;display:none!important} .menu-tab-trigger-1 > summary.mt-l{left:0!important} .menu-tab-trigger-2 > summary.mt-l{left:25%!important} .menu-tab-trigger-3 > summary.mt-l{left:50%!important} .menu-tab-trigger-4 > summary.mt-l{left:75%!important} .menu-tab-trigger > summary.mt-l:hover{ color:#ff7eb3!important; background:#fff!important; } /* 与外送面板完全同样：当前open页不能再次关闭 */ .menu-tab-trigger[open] > summary.mt-l{ color:#ff4d94!important; border-bottom-color:#ff7eb3!important; background:rgba(255,184,212,.12)!important; font-weight:700!important; pointer-events:none!important; } /* 页面内容完全独立于4个details */ .menu-pages{ position:absolute!important; left:0!important; right:0!important; top:42px!important; bottom:0!important; z-index:200!important; width:100%!important; overflow:hidden!important; pointer-events:auto!important; background:rgba(255,245,250,.93)!important; } .menu-pages > .mp{ display:none!important; position:absolute!important; inset:0!important; width:100%!important; height:100%!important; margin:0!important; padding:14px 18px!important; overflow-y:auto!important; color:#5c3a4a!important; font-size:13px!important; line-height:1.9!important; box-sizing:border-box!important; pointer-events:auto!important; } /* 和参考作品完全相同：由父容器:has(open)决定显示哪一页 */ .menu-tabs:has(.menu-tab-trigger-1[open]) .menu-pages > .mp1, .menu-tabs:has(.menu-tab-trigger-2[open]) .menu-pages > .mp2, .menu-tabs:has(.menu-tab-trigger-3[open]) .menu-pages > .mp3, .menu-tabs:has(.menu-tab-trigger-4[open]) .menu-pages > .mp4{ display:block!important; } /* 无open兜底显示状态页 */ .menu-tabs:not(:has(.menu-tab-trigger[open])) .menu-pages > .mp1{ display:block!important; } .menu-tabs:not(:has(.menu-tab-trigger[open])) .menu-tab-trigger-1 > summary.mt-l{ color:#ff4d94!important; border-bottom-color:#ff7eb3!important; background:rgba(255,184,212,.12)!important; font-weight:700!important; pointer-events:none!important; } /* 强制按钮层永远压过页面层 */ .menu-tab-trigger > summary.mt-l{z-index:250!important} .menu-pages{z-index:200!important} @media(max-width:768px){ .menu-shell[open],.menu-shell > .menu-panel{width:240px!important} .menu-shell > .menu-shell-toggle{left:-50px!important} } @media(max-width:480px){ .menu-shell[open],.menu-shell > .menu-panel{width:220px!important} .menu-shell > .menu-shell-toggle{left:-48px!important} } /* ═══════════════════════════════════════════════════════════ ✅ v7.1：去掉重影 / 取消半透明与毛玻璃 说明：右侧菜单面板、菜单内容页、对话框改为实色不透明， 去掉 backdrop-filter，避免出现“上一层透出来”的重影感。 ═══════════════════════════════════════════════════════════ */ .menu-shell > .menu-panel, .menu-pages, .menu-pages > .mp{ background:#fff4f8!important; opacity:1!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .menu-shell > .menu-panel{ border-left:1.5px solid #f4bfd1!important; box-shadow:-8px 0 18px rgba(180,100,140,.08)!important; } .menu-tab-trigger > summary.mt-l, .menu-shell > .menu-shell-toggle{ backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .dialogue-box, .dialogue-page.nar .dialogue-box{ background:#f8d6e1!important; opacity:1!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; border:1.5px solid #f0b6c8!important; box-shadow:0 4px 20px rgba(180,100,140,.10)!important, inset 0 1px 0 rgba(255,255,255,.55)!important; } .dialogue-box:hover, .dialogue-page.nar .dialogue-box:hover{ background:#f8d6e1!important; box-shadow:0 4px 20px rgba(180,100,140,.10)!important, inset 0 1px 0 rgba(255,255,255,.55)!important; } /* 再兜底：菜单内部小块全部不透明 */ .menu-panel .menu-top, .menu-panel .menu-mid, .menu-panel .menu-bottom, .menu-panel .menu-header, .menu-panel .menu-content, .menu-panel .info-card, .menu-panel .rel-card, .menu-panel .memory-card, .menu-panel .bag-card, .menu-panel .status-card, .menu-panel .panel-card, .menu-panel .card, .menu-panel .chip, .menu-panel .item, .menu-panel .row{ opacity:1!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }