@keyframes sparkle-wave { 0% { transform: scale(.8); opacity: 1 } to { transform: scale(2.5); opacity: 0 } } .group.is-user [class*="group-[.is-user]:ml-auto"] { color: #2a2a2a !important; -webkit-text-fill-color: #2a2a2a !important; forced-color-adjust: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important; font-size: 16px !important; line-height: 1.75 !important; letter-spacing: .04em !important; background-color: rgba(245, 243, 228, .8) !important; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4"%3E%3Cpath fill="%239C92AC" fill-opacity="0.05" d="M1 3h1v1H1V3zm2-2h1v1H3V1z"%3E%3C/path%3E%3C/svg%3E') !important; box-sizing: border-box !important; max-width: 800px !important; margin: 1.5em auto !important; padding: 1.6em !important; border-radius: 12px !important; box-shadow: 0 0 25px rgba(0, 0, 0, .15) !important; transition: all .3s ease !important } div[class*="group-[.is-assistant]:bg-card"] { --bg-color-main-rgba: 245, 243, 228 !important; --bg-color-card: rgba(255, 255, 255, 0.3) !important; --header-bg-color: rgba(91, 200, 172, 0.95) !important; --code-bg-color: rgba(0, 0, 0, 0.08) !important; --accent-color-primary: #5BC8AC !important; --accent-color-secondary: #35947A !important; --accent-color-primary-rgba: 74, 170, 144 !important; --accent-color-secondary-rgba: 53, 148, 122 !important; --text-color-main: #2a2a2a !important; --text-color-secondary: #6c757d !important; --button-text-color: #FDFBF5 !important; --border-color: rgba(230, 225, 207, 0.8) !important; --lust-text-color: #d67c8c !important; --progress-bar-bg: rgba(230, 225, 207, 1) !important; --system-prompt-color: #378F76 !important; --system-prompt-color-rgba: 91, 200, 172 !important; --system-alert-color: #e53935 !important; --system-alert-color-rgba: 229, 57, 53 !important; --system-alert-border-bleed: #b71c1c !important; --psi-bg-color: #f0fdf4 !important; --psi-border-color: #86efac !important; --psi-text-color: #166534 !important; --system-interrupt-color-rgba: 85, 139, 47 !important; --code-text-color: #075985 !important; --code-border-color: rgba(0, 0, 0, 0.15) !important; --male-text-color: #1E5AE5 !important; --male-border-color: rgba(30, 90, 229, 0.95) !important; --female-text-color: #D4227D !important; --female-border-color: rgba(212, 34, 125, 0.95) !important; --h3b-text-color: #35947A !important; --dialogue-bg-color: rgba(235, 235, 235, 0.2) !important; --pps-bg-color: rgba(255, 255, 255, 0.5) !important; --hud-bg-color: #fff !important; --hud-stat-bg: rgba(255, 255, 255, 0.6) !important; --font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif !important; --font-family-serif: 'Georgia', 'Times New Roman', serif !important; --font-family-monospace: 'Courier New', 'SF Mono', 'Cascadia Code', monospace !important; --base-size-pc: 16px; --base-size-mobile: 15px; --text-xs: 0.75em; --text-sm: 0.85em; --text-sub: 0.9em; --text-subb: 0.95em; --text-base: 1em; --text-md: 1.1em; --text-lg: 1.25em; --text-xl: 1.35em; --text-xxl: 1.5em; --text-deco-sm: 0.9em } .group.is-assistant div[class*="group-[.is-assistant]:bg-card"] { background: 0 0 !important; border: 0 !important; box-shadow: none !important; padding: 1.6em !important; margin: 0 !important; max-width: 100% !important } div[class*="group-[.is-assistant]:bg-card"] .pt { font-family: var(--font-family-sans) !important; font-size: var(--base-size-pc) !important; line-height: 1.75 !important; letter-spacing: .04em; color: var(--text-color-main) !important; background-color: rgba(var(--bg-color-main-rgba), .8) !important; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4"%3E%3Cpath fill="%239C92AC" fill-opacity="0.05" d="M1 3h1v1H1V3zm2-2h1v1H3V1z"%3E%3C/path%3E%3C/svg%3E') !important; box-sizing: border-box !important; max-width: 800px !important; margin: 1.5em auto !important; padding: 1.6em !important; border: 1px solid var(--border-color) !important; border-radius: 12px !important; box-shadow: 0 0 25px rgba(var(--accent-color-primary-rgba), .15) !important; transition: all .3s ease !important } @media (max-width:767px) { div[class*="group-[.is-assistant]:bg-card"] .pt { margin: 1em 0 !important; padding: 1em .8em !important; font-size: var(--base-size-mobile) !important } } div[class*="group-[.is-assistant]:bg-card"] .pt p { margin-top: 0; margin-bottom: 1em; line-height: 1.75 !important } div[class*="group-[.is-assistant]:bg-card"] .hud-box { border: 1px solid var(--border-color) !important; border-radius: 12px !important; margin-bottom: 1.5em !important; background-color: var(--hud-bg-color) !important; box-shadow: 0 4px 6px rgba(0, 0, 0, .05) !important; position: relative !important } div[class*="group-[.is-assistant]:bg-card"] .hud-map { position: relative !important; width: 100% !important; padding-bottom: 56.25% !important; background-color: #f0f0f0 !important; overflow: hidden !important; border-radius: 12px 12px 0 0 !important } div[class*="group-[.is-assistant]:bg-card"] .map-bg { position: absolute !important; inset: 0 !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; filter: sepia(.1) !important; transition: transform .5s ease !important } div[class*="group-[.is-assistant]:bg-card"] .hud-map:hover .map-bg { transform: scale(1.02) !important } div[class*="group-[.is-assistant]:bg-card"] .map-marker { position: absolute !important; width: 36px !important; height: 36px !important; transform: translate(-50%, -50%) !important; z-index: 10 !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='gold-grad' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23FFFDE7'/%3E%3Cstop offset='100%25' style='stop-color:%23FBC02D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M12 2 L14.5 11 L22 12 L14.5 13 L12 22 L9.5 13 L2 12 L9.5 11 Z' fill='url(%23gold-grad)'/%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important } div[class*="group-[.is-assistant]:bg-card"] .map-marker::after, div[class*="group-[.is-assistant]:bg-card"] .map-marker::before { content: "" !important; position: absolute !important; inset: 0 !important; background-image: inherit !important; background-size: contain !important; background-repeat: no-repeat !important; animation: sparkle-wave 1.5s ease-out infinite !important } div[class*="group-[.is-assistant]:bg-card"] .map-marker::after { animation-delay: -.75s !important } div[class*="group-[.is-assistant]:bg-card"] .hud-loc { position: absolute !important; top: 10px !important; left: 10px !important; z-index: 5 !important; background: rgba(255, 255, 255, .75) !important; padding: 4px .8em 4px 2.2em !important; border-radius: 6px !important; font-size: var(--text-sm) !important; font-weight: 600 !important; color: var(--text-color-main) !important; border: 1px solid rgba(0, 0, 0, .05) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, .1) !important; max-width: 75% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; direction: rtl !important; text-align: left !important } div[class*="group-[.is-assistant]:bg-card"] .hud-loc::before { content: "📍" !important; position: absolute !important; left: .8em !important; top: 50% !important; transform: translateY(-50%) !important; direction: ltr !important } div[class*="group-[.is-assistant]:bg-card"] .hud-sys { position: absolute !important; top: 10px !important; right: 10px !important; z-index: 20 !important } div[class*="group-[.is-assistant]:bg-card"] .hud-sys summary { list-style: none !important; cursor: pointer !important; width: 29px !important; height: 29px !important; background: rgba(255, 255, 255, .75) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: var(--text-xl) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, .1) !important; transition: transform .3s ease !important } div[class*="group-[.is-assistant]:bg-card"] .hud-sys summary:hover { transform: rotate(90deg) !important } div[class*="group-[.is-assistant]:bg-card"] .hud-sys summary::-webkit-details-marker { display: none !important } div[class*="group-[.is-assistant]:bg-card"] .hud-sys .ppc { position: absolute !important; top: 120% !important; right: 0 !important; width: min(300px, 85vw) !important; background: rgba(var(--bg-color-main-rgba), .98) !important; border: 1px solid var(--border-color) !important; border-radius: 8px !important; padding: 1em !important; box-shadow: 0 4px 20px rgba(0, 0, 0, .25) !important; font-size: var(--text-base) !important; margin: 0 !important; z-index: 100 !important; box-sizing: border-box !important } div[class*="group-[.is-assistant]:bg-card"] .hud-stat { background-color: var(--hud-stat-bg) !important; border-top: 1px solid var(--border-color) !important; padding: .6em 1em !important; font-size: var(--text-sub) !important; color: var(--text-color-secondary) !important; text-align: center !important; line-height: 1.4 !important; border-radius: 0 0 12px 12px !important } div[class*="group-[.is-assistant]:bg-card"] .psr { display: flex !important; align-items: center !important; justify-content: center !important; gap: .5em !important; margin: 1.5em 0 !important; padding-bottom: .5em !important; font-weight: 700; font-size: var(--text-lg) !important; border-bottom: 2px dashed var(--accent-color-primary) !important; color: var(--h3b-text-color) !important; text-shadow: 0 0 1px rgba(0, 0, 0, .1) } div[class*="group-[.is-assistant]:bg-card"] .psr h2 { margin: 0 !important; font-size: var(--text-xxl) !important; line-height: 1 !important } div[class*="group-[.is-assistant]:bg-card"] .psr span { font-family: var(--font-family-serif) !important; font-size: var(--text-xxl) !important; font-weight: 700 !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .1) !important } div[class*="group-[.is-assistant]:bg-card"] .ppc { background-color: var(--bg-color-card) !important; border: 1px solid var(--border-color) !important; border-radius: 8px !important; padding: 0 !important; margin-bottom: 0 !important } div[class*="group-[.is-assistant]:bg-card"] h3 { color: var(--h3b-text-color) !important; font-size: var(--text-md) !important; font-weight: 700 !important; margin: 0 0 .8em !important; padding-bottom: .4em !important; border-bottom: 1px solid var(--border-color) !important } div[class*="group-[.is-assistant]:bg-card"] .c-female, div[class*="group-[.is-assistant]:bg-card"] .c-male { background-color: var(--dialogue-bg-color) !important; padding: .2em !important; margin: -.25em 0 1em !important; border-radius: 10px 10px 10px 10px !important; box-shadow: 0 2px 5px rgba(0, 0, 0, .03) !important; font-size: var(--text-subb) !important; font-weight: 400 !important; line-height: 1.6 !important } div[class*="group-[.is-assistant]:bg-card"] .c-male { color: var(--male-text-color) !important } div[class*="group-[.is-assistant]:bg-card"] .c-female { color: var(--female-text-color) !important } div[class*="group-[.is-assistant]:bg-card"] .psa, div[class*="group-[.is-assistant]:bg-card"] .psi { font-family: var(--font-family-monospace) !important; text-align: center !important; padding: .8em !important; margin: 1.5em 0 !important; font-weight: 700 !important; line-height: 1.6 !important; border-radius: 6px !important; animation: crack-and-bleed 4s linear infinite !important } div[class*="group-[.is-assistant]:bg-card"] .psi { color: var(--system-prompt-color) !important; background: radial-gradient(ellipse at center, rgba(var(--system-prompt-color-rgba), .1) 0, transparent 70%) !important; border: 1px solid var(--system-prompt-color) !important } div[class*="group-[.is-assistant]:bg-card"] .psa { color: var(--system-alert-color) !important; background: radial-gradient(ellipse at center, rgba(var(--system-alert-color-rgba), .1) 0, transparent 70%) !important; border: 1px solid var(--system-alert-color) !important } div[class*="group-[.is-assistant]:bg-card"] details:not(.hud-sys) { margin-bottom: 1em !important; padding-bottom: 0 !important; border: 1px solid var(--border-color) !important; border-radius: 8px !important; background-color: var(--bg-color-card) !important; overflow: visible !important; position: relative !important; z-index: 1 !important } div[class*="group-[.is-assistant]:bg-card"] details:not(.hud-sys)>summary { padding: .6em 1.2em !important; font-weight: 700 !important; font-size: var(--text-base) !important; background-image: linear-gradient(90deg, var(--accent-color-secondary), var(--accent-color-primary)) !important; color: var(--button-text-color) !important; cursor: pointer !important; outline: 0 !important; transition: all .2s !important; border-radius: 7px !important } div[class*="group-[.is-assistant]:bg-card"] details:not(.hud-sys)>summary:hover { filter: brightness(1.1) !important } div[class*="group-[.is-assistant]:bg-card"] details:not(.hud-sys)[open]>summary { border-radius: 7px 7px 0 0 !important; border-bottom: 1px solid rgba(0, 0, 0, .1) !important } div[class*="group-[.is-assistant]:bg-card"] .pal { display: block !important; margin: 0 0 .8em !important; padding: .8em 1em .8em 1.5em !important; border-left: 5px solid var(--accent-color-primary) !important; background-color: rgba(255, 255, 255, .4) !important; border-radius: 0 8px 8px 0 !important; transition: all .2s ease !important; cursor: pointer !important; box-shadow: 0 2px 4px rgba(0, 0, 0, .05) !important } div[class*="group-[.is-assistant]:bg-card"] .pal:hover { background-color: rgba(255, 255, 255, .7) !important; transform: translateX(5px) !important; border-left-color: var(--accent-color-secondary) !important } div[class*="group-[.is-assistant]:bg-card"] .pps { background-color: var(--pps-bg-color) !important; border: 1px solid var(--border-color) !important; border-radius: .8em !important; padding: 0 !important; margin: 2.5em 0 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 20px rgba(var(--accent-color-primary-rgba), .05), inset 0 0 10px rgba(var(--accent-color-primary-rgba), .02) !important; overflow: visible !important; transition: background-color .3s ease, border-color .3s ease !important } div[class*="group-[.is-assistant]:bg-card"] .pps h3 { background-color: transparent !important; color: var(--h3b-text-color) !important; border-bottom: 2px solid var(--header-bg-color) !important; text-shadow: none !important; padding: .8em 3em .6em 3em !important; font-family: var(--font-family-sans) !important; font-size: var(--text-md) !important; font-weight: 700 !important; margin: 0 !important; position: relative !important; text-align: center !important } div[class*="group-[.is-assistant]:bg-card"] .pps h3::before { content: '✪' !important; position: absolute !important; top: 50% !important; left: 1.5em !important; transform: translateY(-50%) !important; font-size: var(--text-deco-sm) !important; color: var(--accent-color-primary) !important; opacity: .5 !important } div[class*="group-[.is-assistant]:bg-card"] .pps h3::after { content: '✪' !important; position: absolute !important; top: 50% !important; right: 1.5em !important; transform: translateY(-50%) !important; font-size: var(--text-deco-sm) !important; color: var(--accent-color-primary) !important; opacity: .5 !important } div[class*="group-[.is-assistant]:bg-card"] .pps pre { margin: 0 !important; border: none !important; border-radius: 0 0 .8em .8em !important } div[class*="group-[.is-assistant]:bg-card"] pre { background-color: var(--code-bg-color) !important; border: 1px solid var(--code-border-color) !important; border-radius: 6px !important; font-size: var(--text-sm) !important; white-space: pre-wrap !important; word-wrap: break-word !important; letter-spacing: normal !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; transition: background-color .3s ease, border-color .3s ease !important } div[class*="group-[.is-assistant]:bg-card"] pre>div>div[node*='[object Object]'] { padding: 1em !important; overflow-x: auto !important } div[class*="group-[.is-assistant]:bg-card"] pre>div>div[node*='[object Object]']>code[class*=language-] { color: var(--code-text-color) !important; letter-spacing: normal !important; padding: 0 !important } @supports not (text-decoration-color:color-mix(in srgb, red, transparent)) { div[class*="group-[.is-assistant]:bg-card"] s { text-decoration: none; background: linear-gradient(to right, transparent 0, transparent 20%, currentColor 20%, currentColor 80%, transparent 80%, transparent 100%); background-repeat: repeat-x; background-position: 0 55%; background-size: 5px 1px } } div[class*="group-[.is-assistant]:bg-card"] pre, div[class*="group-[.is-assistant]:bg-card"] pre code, div[class*="group-[.is-assistant]:bg-card"] pre code[class*=language-], div[class*="group-[.is-assistant]:bg-card"] pre>div, div[class*="group-[.is-assistant]:bg-card"] pre>div>div, div[class*="group-[.is-assistant]:bg-card"] pre>div>div[node*='[object Object]'] { background: 0 0 !important; background-color: transparent !important } div[class*="group-[.is-assistant]:bg-card"] pre div[class*=copyIcon] { flex: 0 0 auto !important; background: 0 0 !important; border: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; line-height: 1 !important } div[class*="group-[.is-assistant]:bg-card"] pre div[data-tooltip-id*=copy-tooltip] { background: 0 0 !important; padding: 0 !important; width: 1.5em !important; height: 1.5em !important; border: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important } div[class*="group-[.is-assistant]:bg-card"] pre div[data-tooltip-id*=copy-tooltip]>div { width: 100% !important; height: 100% !important; background-color: transparent !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a9a9a9'%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 70% !important; opacity: .6 !important; transition: opacity .2s ease, background-color .2s ease !important; border-radius: 4px } div[class*="group-[.is-assistant]:bg-card"] pre div[data-tooltip-id*=copy-tooltip]:hover>div { opacity: 1 !important; background-color: rgba(125, 125, 125, .1) !important } @keyframes phys-shake { 0%, to { transform: rotate(0) } 25% { transform: rotate(-10deg) } 75% { transform: rotate(10deg) } } @keyframes magic-float { 0%, to { transform: translateY(0) scale(1); opacity: .8 } 50% { transform: translateY(-3px) scale(1.1); opacity: 1 } } @keyframes crit-flash { 0% { transform: scale(1); filter: brightness(1) } to { transform: scale(1.3); filter: brightness(1.5) drop-shadow(0 0 8px red) } } @keyframes heal-pulse { 0%, to { transform: scale(1) } 50% { transform: scale(1.2) } } @keyframes status-vibrate { 0% { transform: translate(0) } 25% { transform: translate(1px, 1px) } 50% { transform: translate(-1px, -1px) } 75% { transform: translate(1px, -1px) } to { transform: translate(-1px, 1px) } } @keyframes miss-fade { 0% { transform: translateX(-10px); opacity: 0 } 50% { transform: translateX(0); opacity: .6 } to { transform: translateX(10px); opacity: 0 } } @keyframes play-qa1-5step { 0%, 16% { content: "建议将记忆数设置为2，你的钱包会感谢你的。"; opacity: 1 } 18%, 20%, 39%, 40%, 59%, 60%, 79%, 80%, 99%, to { opacity: 0 } 21%, 37% { content: "如果不给人类钱和槽点，他们甚至懒得拯救世界。"; opacity: 1 } 41%, 57% { content: "根据某种歪理，或许穿得越少防御真的越高？"; opacity: 1 } 61%, 77% { content: "配合鬼人演出！不摆完那两分钟POSE他们不会让路的。"; opacity: 1 } 81%, 97% { content: "战败经验翻倍！当然，代价可能是某些“特殊节目”...♡"; opacity: 1 } } @keyframes play-qa2-5step { 0%, 16% { content: "使用 Gemini 3 务必加载专用兼容Mod。"; opacity: 1 } 18%, 20%, 39%, 40%, 59%, 60%, 79%, 80%, 99%, to { opacity: 0 } 21%, 37% { content: "记住，那些矮人合法萝莉掏出的锤子比你还大。"; opacity: 1 } 41%, 57% { content: "使用创世文书后请记住那个特殊的字符。"; opacity: 1 } 61%, 77% { content: "每个种族对职业的理解可能有偏差，而且很大 ( ´ ▽ ` )ﾉ"; opacity: 1 } 81%, 97% { content: "鉴定与合成可能是完美主义者的噩梦。"; opacity: 1 } } @keyframes play-qa3-5step { 0%, 16% { content: "精灵:别催！为了赞美一个空瓶子，他们能念半小时诗。"; opacity: 1 } 18%, 20%, 39%, 40%, 59%, 60%, 79%, 80%, 99%, to { opacity: 0 } 21%, 37% { content: "节操值跌破底线时，世界或许会为你打开奇怪的后门。"; opacity: 1 } 41%, 57% { content: "牙族：在他们眼里，你的价值严格等于能换多少根鸡腿。"; opacity: 1 } 61%, 77% { content: "色色值不一定会让你变色，但是会让世界变色。"; opacity: 1 } 81%, 97% { content: "不要忽视那些“华丽的废话”，线索往往藏在丝袜的抽丝里。"; opacity: 1 } } @keyframes hud-beat { 0%, 60%, to { transform: scale(1) } 15% { transform: scale(1.15) } 30% { transform: scale(.95) } 45% { transform: scale(1.05) } } @keyframes hud-marquee { 0% { transform: translateX(0) } to { transform: translateX(-50%) } } @keyframes aethelia-kaomoji-anim { 0%, to { content: "( ˘ω˘ )☞☆ ~~~ zZ" } 14.28% { content: "(´･ω･`)つ¶~~~¶" } 28.56% { content: "(╯°Д°)╯︵ ┻━┻ ☆ *:･ﾟ✧" } 42.84% { content: "( ^▽^)ψ~~~✍️✨" } 57.12% { content: "(・_・)ノ⌒●~* BANG!" } 71.4% { content: "(。-`ω´-)✧ ヾ(´▽｀*)ゝ" } 85.68% { content: "(￣▽￣)~*" } } @keyframes aethelia-text-anim { 0%, to { content: "“稍等…我在想台词…”" } 14.28% { content: "“啊咧…昨天写的设定放哪了…”" } 28.56% { content: "“我的史诗剧情怎么变成猫抓板了？！”" } 42.84% { content: "“算了！现编一个更酷的！”" } 57.12% { content: "“哎呀…物理法则碎了一地…”" } 71.4% { content: "“咳咳…刚才那段不算！我们重来！”" } 85.68% { content: "“请欣赏我的即兴创作！”" } } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(2px) } to { opacity: 1; transform: translateY(0) } } .hud-map .pos-1-1 { left: 3%; top: 3% } .hud-map .pos-1-2 { left: 3%; top: 9.67% } .hud-map .pos-1-3 { left: 3%; top: 16.34% } .hud-map .pos-1-4 { left: 3%; top: 23.01% } .hud-map .pos-1-5 { left: 3%; top: 29.68% } .hud-map .pos-1-6 { left: 3%; top: 36.35% } .hud-map .pos-1-7 { left: 3%; top: 43.02% } .hud-map .pos-1-8 { left: 3%; top: 49.69% } .hud-map .pos-1-9 { left: 3%; top: 56.36% } .hud-map .pos-1-10 { left: 3%; top: 63.03% } .hud-map .pos-1-11 { left: 3%; top: 69.7% } .hud-map .pos-1-12 { left: 3%; top: 76.37% } .hud-map .pos-1-13 { left: 3%; top: 83.04% } .hud-map .pos-1-14 { left: 3%; top: 89.71% } .hud-map .pos-1-15 { left: 3%; top: 96.38% } .hud-map .pos-1-16 { left: 3%; top: 103.05% } .hud-map .pos-2-1 { left: 9.67%; top: 3% } .hud-map .pos-2-2 { left: 9.67%; top: 9.67% } .hud-map .pos-2-3 { left: 9.67%; top: 16.34% } .hud-map .pos-2-4 { left: 9.67%; top: 23.01% } .hud-map .pos-2-5 { left: 9.67%; top: 29.68% } .hud-map .pos-2-6 { left: 9.67%; top: 36.35% } .hud-map .pos-2-7 { left: 9.67%; top: 43.02% } .hud-map .pos-2-8 { left: 9.67%; top: 49.69% } .hud-map .pos-2-9 { left: 9.67%; top: 56.36% } .hud-map .pos-2-10 { left: 9.67%; top: 63.03% } .hud-map .pos-2-11 { left: 9.67%; top: 69.7% } .hud-map .pos-2-12 { left: 9.67%; top: 76.37% } .hud-map .pos-2-13 { left: 9.67%; top: 83.04% } .hud-map .pos-2-14 { left: 9.67%; top: 89.71% } .hud-map .pos-2-15 { left: 9.67%; top: 96.38% } .hud-map .pos-2-16 { left: 9.67%; top: 103.05% } .hud-map .pos-3-1 { left: 16.34%; top: 3% } .hud-map .pos-3-2 { left: 16.34%; top: 9.67% } .hud-map .pos-3-3 { left: 16.34%; top: 16.34% } .hud-map .pos-3-4 { left: 16.34%; top: 23.01% } .hud-map .pos-3-5 { left: 16.34%; top: 29.68% } .hud-map .pos-3-6 { left: 16.34%; top: 36.35% } .hud-map .pos-3-7 { left: 16.34%; top: 43.02% } .hud-map .pos-3-8 { left: 16.34%; top: 49.69% } .hud-map .pos-3-9 { left: 16.34%; top: 56.36% } .hud-map .pos-3-10 { left: 16.34%; top: 63.03% } .hud-map .pos-3-11 { left: 16.34%; top: 69.7% } .hud-map .pos-3-12 { left: 16.34%; top: 76.37% } .hud-map .pos-3-13 { left: 16.34%; top: 83.04% } .hud-map .pos-3-14 { left: 16.34%; top: 89.71% } .hud-map .pos-3-15 { left: 16.34%; top: 96.38% } .hud-map .pos-3-16 { left: 16.34%; top: 103.05% } .hud-map .pos-4-1 { left: 23.01%; top: 3% } .hud-map .pos-4-2 { left: 23.01%; top: 9.67% } .hud-map .pos-4-3 { left: 23.01%; top: 16.34% } .hud-map .pos-4-4 { left: 23.01%; top: 23.01% } .hud-map .pos-4-5 { left: 23.01%; top: 29.68% } .hud-map .pos-4-6 { left: 23.01%; top: 36.35% } .hud-map .pos-4-7 { left: 23.01%; top: 43.02% } .hud-map .pos-4-8 { left: 23.01%; top: 49.69% } .hud-map .pos-4-9 { left: 23.01%; top: 56.36% } .hud-map .pos-4-10 { left: 23.01%; top: 63.03% } .hud-map .pos-4-11 { left: 23.01%; top: 69.7% } .hud-map .pos-4-12 { left: 23.01%; top: 76.37% } .hud-map .pos-4-13 { left: 23.01%; top: 83.04% } .hud-map .pos-4-14 { left: 23.01%; top: 89.71% } .hud-map .pos-4-15 { left: 23.01%; top: 96.38% } .hud-map .pos-4-16 { left: 23.01%; top: 103.05% } .hud-map .pos-5-1 { left: 29.68%; top: 3% } .hud-map .pos-5-2 { left: 29.68%; top: 9.67% } .hud-map .pos-5-3 { left: 29.68%; top: 16.34% } .hud-map .pos-5-4 { left: 29.68%; top: 23.01% } .hud-map .pos-5-5 { left: 29.68%; top: 29.68% } .hud-map .pos-5-6 { left: 29.68%; top: 36.35% } .hud-map .pos-5-7 { left: 29.68%; top: 43.02% } .hud-map .pos-5-8 { left: 29.68%; top: 49.69% } .hud-map .pos-5-9 { left: 29.68%; top: 56.36% } .hud-map .pos-5-10 { left: 29.68%; top: 63.03% } .hud-map .pos-5-11 { left: 29.68%; top: 69.7% } .hud-map .pos-5-12 { left: 29.68%; top: 76.37% } .hud-map .pos-5-13 { left: 29.68%; top: 83.04% } .hud-map .pos-5-14 { left: 29.68%; top: 89.71% } .hud-map .pos-5-15 { left: 29.68%; top: 96.38% } .hud-map .pos-5-16 { left: 29.68%; top: 103.05% } .hud-map .pos-6-1 { left: 36.35%; top: 3% } .hud-map .pos-6-2 { left: 36.35%; top: 9.67% } .hud-map .pos-6-3 { left: 36.35%; top: 16.34% } .hud-map .pos-6-4 { left: 36.35%; top: 23.01% } .hud-map .pos-6-5 { left: 36.35%; top: 29.68% } .hud-map .pos-6-6 { left: 36.35%; top: 36.35% } .hud-map .pos-6-7 { left: 36.35%; top: 43.02% } .hud-map .pos-6-8 { left: 36.35%; top: 49.69% } .hud-map .pos-6-9 { left: 36.35%; top: 56.36% } .hud-map .pos-6-10 { left: 36.35%; top: 63.03% } .hud-map .pos-6-11 { left: 36.35%; top: 69.7% } .hud-map .pos-6-12 { left: 36.35%; top: 76.37% } .hud-map .pos-6-13 { left: 36.35%; top: 83.04% } .hud-map .pos-6-14 { left: 36.35%; top: 89.71% } .hud-map .pos-6-15 { left: 36.35%; top: 96.38% } .hud-map .pos-6-16 { left: 36.35%; top: 103.05% } .hud-map .pos-7-1 { left: 43.02%; top: 3% } .hud-map .pos-7-2 { left: 43.02%; top: 9.67% } .hud-map .pos-7-3 { left: 43.02%; top: 16.34% } .hud-map .pos-7-4 { left: 43.02%; top: 23.01% } .hud-map .pos-7-5 { left: 43.02%; top: 29.68% } .hud-map .pos-7-6 { left: 43.02%; top: 36.35% } .hud-map .pos-7-7 { left: 43.02%; top: 43.02% } .hud-map .pos-7-8 { left: 43.02%; top: 49.69% } .hud-map .pos-7-9 { left: 43.02%; top: 56.36% } .hud-map .pos-7-10 { left: 43.02%; top: 63.03% } .hud-map .pos-7-11 { left: 43.02%; top: 69.7% } .hud-map .pos-7-12 { left: 43.02%; top: 76.37% } .hud-map .pos-7-13 { left: 43.02%; top: 83.04% } .hud-map .pos-7-14 { left: 43.02%; top: 89.71% } .hud-map .pos-7-15 { left: 43.02%; top: 96.38% } .hud-map .pos-7-16 { left: 43.02%; top: 103.05% } .hud-map .pos-8-1 { left: 49.69%; top: 3% } .hud-map .pos-8-2 { left: 49.69%; top: 9.67% } .hud-map .pos-8-3 { left: 49.69%; top: 16.34% } .hud-map .pos-8-4 { left: 49.69%; top: 23.01% } .hud-map .pos-8-5 { left: 49.69%; top: 29.68% } .hud-map .pos-8-6 { left: 49.69%; top: 36.35% } .hud-map .pos-8-7 { left: 49.69%; top: 43.02% } .hud-map .pos-8-8 { left: 49.69%; top: 49.69% } .hud-map .pos-8-9 { left: 49.69%; top: 56.36% } .hud-map .pos-8-10 { left: 49.69%; top: 63.03% } .hud-map .pos-8-11 { left: 49.69%; top: 69.7% } .hud-map .pos-8-12 { left: 49.69%; top: 76.37% } .hud-map .pos-8-13 { left: 49.69%; top: 83.04% } .hud-map .pos-8-14 { left: 49.69%; top: 89.71% } .hud-map .pos-8-15 { left: 49.69%; top: 96.38% } .hud-map .pos-8-16 { left: 49.69%; top: 103.05% } .hud-map .pos-9-1 { left: 56.36%; top: 3% } .hud-map .pos-9-2 { left: 56.36%; top: 9.67% } .hud-map .pos-9-3 { left: 56.36%; top: 16.34% } .hud-map .pos-9-4 { left: 56.36%; top: 23.01% } .hud-map .pos-9-5 { left: 56.36%; top: 29.68% } .hud-map .pos-9-6 { left: 56.36%; top: 36.35% } .hud-map .pos-9-7 { left: 56.36%; top: 43.02% } .hud-map .pos-9-8 { left: 56.36%; top: 49.69% } .hud-map .pos-9-9 { left: 56.36%; top: 56.36% } .hud-map .pos-9-10 { left: 56.36%; top: 63.03% } .hud-map .pos-9-11 { left: 56.36%; top: 69.7% } .hud-map .pos-9-12 { left: 56.36%; top: 76.37% } .hud-map .pos-9-13 { left: 56.36%; top: 83.04% } .hud-map .pos-9-14 { left: 56.36%; top: 89.71% } .hud-map .pos-9-15 { left: 56.36%; top: 96.38% } .hud-map .pos-9-16 { left: 56.36%; top: 103.05% } .hud-map .pos-10-1 { left: 63.03%; top: 3% } .hud-map .pos-10-2 { left: 63.03%; top: 9.67% } .hud-map .pos-10-3 { left: 63.03%; top: 16.34% } .hud-map .pos-10-4 { left: 63.03%; top: 23.01% } .hud-map .pos-10-5 { left: 63.03%; top: 29.68% } .hud-map .pos-10-6 { left: 63.03%; top: 36.35% } .hud-map .pos-10-7 { left: 63.03%; top: 43.02% } .hud-map .pos-10-8 { left: 63.03%; top: 49.69% } .hud-map .pos-10-9 { left: 63.03%; top: 56.36% } .hud-map .pos-10-10 { left: 63.03%; top: 63.03% } .hud-map .pos-10-11 { left: 63.03%; top: 69.7% } .hud-map .pos-10-12 { left: 63.03%; top: 76.37% } .hud-map .pos-10-13 { left: 63.03%; top: 83.04% } .hud-map .pos-10-14 { left: 63.03%; top: 89.71% } .hud-map .pos-10-15 { left: 63.03%; top: 96.38% } .hud-map .pos-10-16 { left: 63.03%; top: 103.05% } .hud-map .pos-11-1 { left: 69.7%; top: 3% } .hud-map .pos-11-2 { left: 69.7%; top: 9.67% } .hud-map .pos-11-3 { left: 69.7%; top: 16.34% } .hud-map .pos-11-4 { left: 69.7%; top: 23.01% } .hud-map .pos-11-5 { left: 69.7%; top: 29.68% } .hud-map .pos-11-6 { left: 69.7%; top: 36.35% } .hud-map .pos-11-7 { left: 69.7%; top: 43.02% } .hud-map .pos-11-8 { left: 69.7%; top: 49.69% } .hud-map .pos-11-9 { left: 69.7%; top: 56.36% } .hud-map .pos-11-10 { left: 69.7%; top: 63.03% } .hud-map .pos-11-11 { left: 69.7%; top: 69.7% } .hud-map .pos-11-12 { left: 69.7%; top: 76.37% } .hud-map .pos-11-13 { left: 69.7%; top: 83.04% } .hud-map .pos-11-14 { left: 69.7%; top: 89.71% } .hud-map .pos-11-15 { left: 69.7%; top: 96.38% } .hud-map .pos-11-16 { left: 69.7%; top: 103.05% } .hud-map .pos-12-1 { left: 76.37%; top: 3% } .hud-map .pos-12-2 { left: 76.37%; top: 9.67% } .hud-map .pos-12-3 { left: 76.37%; top: 16.34% } .hud-map .pos-12-4 { left: 76.37%; top: 23.01% } .hud-map .pos-12-5 { left: 76.37%; top: 29.68% } .hud-map .pos-12-6 { left: 76.37%; top: 36.35% } .hud-map .pos-12-7 { left: 76.37%; top: 43.02% } .hud-map .pos-12-8 { left: 76.37%; top: 49.69% } .hud-map .pos-12-9 { left: 76.37%; top: 56.36% } .hud-map .pos-12-10 { left: 76.37%; top: 63.03% } .hud-map .pos-12-11 { left: 76.37%; top: 69.7% } .hud-map .pos-12-12 { left: 76.37%; top: 76.37% } .hud-map .pos-12-13 { left: 76.37%; top: 83.04% } .hud-map .pos-12-14 { left: 76.37%; top: 89.71% } .hud-map .pos-12-15 { left: 76.37%; top: 96.38% } .hud-map .pos-12-16 { left: 76.37%; top: 103.05% } .hud-map .pos-13-1 { left: 83.04%; top: 3% } .hud-map .pos-13-2 { left: 83.04%; top: 9.67% } .hud-map .pos-13-3 { left: 83.04%; top: 16.34% } .hud-map .pos-13-4 { left: 83.04%; top: 23.01% } .hud-map .pos-13-5 { left: 83.04%; top: 29.68% } .hud-map .pos-13-6 { left: 83.04%; top: 36.35% } .hud-map .pos-13-7 { left: 83.04%; top: 43.02% } .hud-map .pos-13-8 { left: 83.04%; top: 49.69% } .hud-map .pos-13-9 { left: 83.04%; top: 56.36% } .hud-map .pos-13-10 { left: 83.04%; top: 63.03% } .hud-map .pos-13-11 { left: 83.04%; top: 69.7% } .hud-map .pos-13-12 { left: 83.04%; top: 76.37% } .hud-map .pos-13-13 { left: 83.04%; top: 83.04% } .hud-map .pos-13-14 { left: 83.04%; top: 89.71% } .hud-map .pos-13-15 { left: 83.04%; top: 96.38% } .hud-map .pos-13-16 { left: 83.04%; top: 103.05% } .hud-map .pos-14-1 { left: 89.71%; top: 3% } .hud-map .pos-14-2 { left: 89.71%; top: 9.67% } .hud-map .pos-14-3 { left: 89.71%; top: 16.34% } .hud-map .pos-14-4 { left: 89.71%; top: 23.01% } .hud-map .pos-14-5 { left: 89.71%; top: 29.68% } .hud-map .pos-14-6 { left: 89.71%; top: 36.35% } .hud-map .pos-14-7 { left: 89.71%; top: 43.02% } .hud-map .pos-14-8 { left: 89.71%; top: 49.69% } .hud-map .pos-14-9 { left: 89.71%; top: 56.36% } .hud-map .pos-14-10 { left: 89.71%; top: 63.03% } .hud-map .pos-14-11 { left: 89.71%; top: 69.7% } .hud-map .pos-14-12 { left: 89.71%; top: 76.37% } .hud-map .pos-14-13 { left: 89.71%; top: 83.04% } .hud-map .pos-14-14 { left: 89.71%; top: 89.71% } .hud-map .pos-14-15 { left: 89.71%; top: 96.38% } .hud-map .pos-14-16 { left: 89.71%; top: 103.05% } .hud-map .pos-15-1 { left: 96.38%; top: 3% } .hud-map .pos-15-2 { left: 96.38%; top: 9.67% } .hud-map .pos-15-3 { left: 96.38%; top: 16.34% } .hud-map .pos-15-4 { left: 96.38%; top: 23.01% } .hud-map .pos-15-5 { left: 96.38%; top: 29.68% } .hud-map .pos-15-6 { left: 96.38%; top: 36.35% } .hud-map .pos-15-7 { left: 96.38%; top: 43.02% } .hud-map .pos-15-8 { left: 96.38%; top: 49.69% } .hud-map .pos-15-9 { left: 96.38%; top: 56.36% } .hud-map .pos-15-10 { left: 96.38%; top: 63.03% } .hud-map .pos-15-11 { left: 96.38%; top: 69.7% } .hud-map .pos-15-12 { left: 96.38%; top: 76.37% } .hud-map .pos-15-13 { left: 96.38%; top: 83.04% } .hud-map .pos-15-14 { left: 96.38%; top: 89.71% } .hud-map .pos-15-15 { left: 96.38%; top: 96.38% } .hud-map .pos-15-16 { left: 96.38%; top: 103.05% } .hud-map .pos-16-1 { left: 103.05%; top: 3% } .hud-map .pos-16-2 { left: 103.05%; top: 9.67% } .hud-map .pos-16-3 { left: 103.05%; top: 16.34% } .hud-map .pos-16-4 { left: 103.05%; top: 23.01% } .hud-map .pos-16-5 { left: 103.05%; top: 29.68% } .hud-map .pos-16-6 { left: 103.05%; top: 36.35% } .hud-map .pos-16-7 { left: 103.05%; top: 43.02% } .hud-map .pos-16-8 { left: 103.05%; top: 49.69% } .hud-map .pos-16-9 { left: 103.05%; top: 56.36% } .hud-map .pos-16-10 { left: 103.05%; top: 63.03% } .hud-map .pos-16-11 { left: 103.05%; top: 69.7% } .hud-map .pos-16-12 { left: 103.05%; top: 76.37% } .hud-map .pos-16-13 { left: 103.05%; top: 83.04% } .hud-map .pos-16-14 { left: 103.05%; top: 89.71% } .hud-map .pos-16-15 { left: 103.05%; top: 96.38% } .hud-map .pos-16-16 { left: 103.05%; top: 103.05% } .hud-map .valley-town { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEDlPFo9mpankHHVsOnr0OzdYVjjoskfwACKiMAAliAsFc-hSmkehp3sjYE.jpg) !important } .hud-map .quintarrion { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEDlPJo9mpdO6Yom23qodZRvYFDbJz09gACKyMAAliAsFcpEDL7mKYJSDYE.jpg) !important } .hud-map .sylphania { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEDocVo97uT82pSGdoomBN9NYItnj2ARAACgh0AAoqNwFd3lFGSytLqYDYE.jpg) !important } .hud-map .port-of-myriad-sails { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEDt59o-m_gx8Fpb3OEqImjVJOtpIlHtwACaxwAAlO70Ff_UrxrQY16QjYE.jpg) !important } .hud-map .slumbering-bough-collegium { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEDwOFo-619efe-VCtiVO-ZzG4Zjj1j3gACgBgAAjvC4FcAAeWZn6s5NHM2BA.jpg) !important } .hud-map .twinwood-depths { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEDzPBo_QNdceYw-LmsvT1lLeA2w2DLMAACYiEAAjvC6FcjTIvIwca5bTYE.jpg) !important } .hud-map .sevensprings-junction { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAED1Sho_fTCg-cPBYXfd5Z-yq_skRCz4QACRBkAAkg68VfJpf9oGjQW4jYE.jpg) !important } .hud-map .dozing-crag { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAED2UVo_kLk13AvjM1GN0djXRNGpQEFwgACfR4AAkg68Ved0BiE4P15YDYE.jpg) !important } .hud-map .amnesia-citadel { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAED2jho_ltoYxZ5GVRmPqDTU8YinfI--QACdx8AAkg68VcHARfkhynJVjYE.jpg) !important } .hud-map .bellyfull-bay { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAED2nxo_miHXJ8hS-dqtH9Z-oKxq5lSAgACvx8AAkg68VfF0OnDxnUhqzYE.jpg) !important } .hud-map .lost-meander { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAED7kZo_6C6oDQb2deXlqpeMwfH5hXCsQACZhkAAtCQ-Fdv7NkVAoATHDYE.jpg) !important } .hud-map .lazewind-city { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAED7rJo_6xOSfGXmrgfHfHetVBv0IL3mQAC1hkAAtCQ-FdQfuoBB2AIzzYE.jpg) !important } .hud-map .zephyrholm { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAED_PJpAAGyT4Biq3L85HSBbYZj5h0l7oEAAmwjAALQkAABVFu_gvSHDOyZNgQ.jpg) !important } .hud-map .throne-island { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEEAnxpAQVY5zMUerW7DP9uOkqJgAKuhAACqRkAAtCQCFTCaxiyaIvVwDYE.jpg) !important } .hud-map .hearth-harbor { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEEGFZpAkVeJHfY1l5fTIIvFaYKQnoIMAACdCoAApB5EVSpO57iBe0CXTYE.jpg) !important } .hud-map .ring-peak-town { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEEGSVpAmEW933QZsG2xKYqtp84Yt_E8QACdisAApB5EVR3IKbj9cijWjYE.jpg) !important } .hud-map .silent-obsidian-mount { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAESKPxpwsC_u8znNvjajaAZUiw2Q6DPrAAC5zMAApbxEFbxMGHN2tGJaToE.jpg) !important } .hud-map .gulu-gulu-hot-springs { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEEH0BpAwABJT4t-lU6js-GoVSpGTE-YvsAAlYdAAKQeRlUeLK9ZvSiLWE2BA.jpg) !important } .hud-map .whimsy-town { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEEJuNpAzjZ3Gcick7_yKJqiQ9lGMCI5AACiyUAApB5GVTNRDTcRg09SzYE.jpg) !important } .hud-map .ataraxia { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEEKvNpBDrr0vUDLqnCxKz-wxtaXfpF5QACtx4AAgJcIVQ5tzUNF1sPFzYE.jpg) !important } .hud-map .port-hope { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEEKvRpBDsK3ApHVLOxUVUJkmJGPgtZUAACuB4AAgJcIVTOL45FTG5dpTYE.jpg) !important } .hud-map .sand-thorn-city { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEEM1lpBIwJ9z7N3PUksjLBcjnEqzTZagAC-ScAAgJcIVQanwVmpEW0ZTYE.jpg) !important } .hud-map .ashen-sea-expanse { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEPmO5pYrBR6I6TlK3s-TrWOQ64tUWXQgACRyQAAiMJGVdMAAFADYVFicA4BA.jpg) !important } .hud-map .four-seasons-menu-tribe { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEEOmRpBO68B5oJNAI4HhJBhBAPB0qsjQACsxoAAgJcKVQTR3Bvm61YszYE.jpg) !important } .hud-map .filamel { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEEPj5pBXy5unlLbIau0XcDk7Xxqhqc0QACZR8AAgJcKVR7NjI6RFzU2zYE.jpg) !important } .hud-map .frostflame-demesne { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEPlKlpXo_948PgJvW3ecg-zihwKbOJvAACfCMAAgbC-VYDRmvKwiEcRjgE.jpg) } .hud-map .ever-silent-archives { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEPlKdpXo94bIzsCH10wOlc24tdkIlWUQACeiMAAgbC-VaaumA8CgzOljgE.jpg) } .hud-map .deep-within-the-lc-peaks { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEPlK9pXrpXYN8k0Aciku9zwI7GkImPLAACiyMAAgbC-VZ9iQzLvqibdjgE.jpg) } .hud-map .the-sacred-celestial-peaks { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEPlVdpX2_AVRMjocof13P9xYLGA6ZqKgACHRwAAgbCAVdgAkT8vklfQjgE.jpg) } .hud-map .the-silent-star { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEPlLBpXrqFaxgvvlZ0cLhofvZ4EzOvNwACjCMAAgbC-VYc55krznCi7jgE.jpg) } .hud-map .the-sacred-celestial-peaks-reforged { background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEPmVppY2Ldi8UYdKLt1WTsyOTu7jXgZQACXxoAAiMJIVdRCaTW6w2wjzgE.jpg) } div[class*="group-[.is-assistant]:bg-card"] [class*=fx-] { display: inline-flex; align-items: center; padding: .3em .8em; border-radius: .4em; font-weight: 700; font-size: .95em; position: relative; transition: transform .2s ease; line-height: 1.2 !important; margin: 0 .2em } div[class*="group-[.is-assistant]:bg-card"] [class*=fx-]::after { margin-left: .5em; font-size: 1.2em; display: inline-block } div[class*="group-[.is-assistant]:bg-card"] .fx-phys { color: #4a5568; background: rgba(74, 85, 104, .1); border: 1px solid rgba(74, 85, 104, .2) } div[class*="group-[.is-assistant]:bg-card"] .fx-phys::after { content: "🗡️"; animation: phys-shake .5s infinite ease-in-out } div[class*="group-[.is-assistant]:bg-card"] .fx-magic { color: #dd6b20; background: rgba(221, 107, 32, .1); border: 1px solid rgba(221, 107, 32, .2) } div[class*="group-[.is-assistant]:bg-card"] .fx-magic::after { content: "🔥"; animation: magic-float 1.5s infinite ease-in-out; filter: drop-shadow(0 0 5px orange) } div[class*="group-[.is-assistant]:bg-card"] .fx-crit { color: #e53e3e; background: rgba(229, 62, 62, .15); border: 2px solid #e53e3e; transform: scale(1.05); box-shadow: 0 0 10px rgba(229, 62, 62, .3) } div[class*="group-[.is-assistant]:bg-card"] .fx-crit::after { content: "💥"; animation: crit-flash .4s infinite alternate } div[class*="group-[.is-assistant]:bg-card"] .fx-heal { color: #38a169; background: rgba(56, 161, 105, .1); border: 1px solid rgba(56, 161, 105, .2) } div[class*="group-[.is-assistant]:bg-card"] .fx-heal::after { content: "❤️"; animation: heal-pulse 1.2s infinite ease-in-out } div[class*="group-[.is-assistant]:bg-card"] .fx-status { color: #805ad5; background: rgba(128, 90, 213, .1); border: 1px solid rgba(128, 90, 213, .2) } div[class*="group-[.is-assistant]:bg-card"] .fx-status::after { content: "💢"; animation: status-vibrate .1s infinite } div[class*="group-[.is-assistant]:bg-card"] .fx-miss { color: #718096; background: rgba(113, 128, 150, .05); border: 1px dashed rgba(113, 128, 150, .3); font-style: italic } div[class*="group-[.is-assistant]:bg-card"] .fx-miss::after { content: "🍃"; opacity: .6; animation: miss-fade 2s infinite } div[class*="group-[.is-assistant]:bg-card"] div[class^=qa] { min-height: 3.5em; display: flex; align-items: center; justify-content: center; margin-top: 1em; padding: 0 1em } div[class*="group-[.is-assistant]:bg-card"] div[class^=qa]::before { content: ""; width: 100%; white-space: pre-wrap; opacity: 0; text-align: center; font-size: .85em; color: var(--text-color-secondary); font-weight: 300; letter-spacing: .05em; animation-duration: 50s; animation-iteration-count: infinite; animation-fill-mode: forwards; animation-timing-function: ease-in-out } div[class*="group-[.is-assistant]:bg-card"] .qa1::before { animation-name: play-qa1-5step } div[class*="group-[.is-assistant]:bg-card"] .qa2::before { animation-name: play-qa2-5step } div[class*="group-[.is-assistant]:bg-card"] .qa3::before { animation-name: play-qa3-5step } div[class*="group-[.is-assistant]:bg-card"] .hmb { display: flex !important; align-items: center !important; height: 28px !important; padding: 0 8px !important; gap: 8px !important; background: rgba(255, 255, 255, .9) !important; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .03) !important; border-top: 1px solid var(--border-color) !important; overflow: hidden !important; max-width: 100% !important; box-sizing: border-box !important } div[class*="group-[.is-assistant]:bg-card"] .hmb::before { content: "" !important; width: 14px !important; height: 14px !important; border-radius: 50% !important; background: radial-gradient(circle at center, #333 30%, var(--accent-color-secondary) 31%, var(--accent-color-secondary) 50%, #333 51%) !important; border: 1px solid var(--border-color) !important; flex-shrink: 0 !important; box-shadow: 0 0 2px rgba(0, 0, 0, .1) !important; animation: hud-beat 1.2s cubic-bezier(.4, 0, .6, 1) infinite !important; will-change: transform !important } div[class*="group-[.is-assistant]:bg-card"] .hmb span { flex: 1 1 0px !important; width: 0 !important; min-width: 0 !important; height: 100% !important; display: block !important; line-height: 26px !important; overflow: hidden !important; position: relative !important; mask-image: linear-gradient(90deg, transparent 0, #000 10%, #000 90%, transparent 100%) !important } div[class*="group-[.is-assistant]:bg-card"] .hmb span::after { content: "♪ Now Playing:" attr(data-t) " " "♫ Now Playing:" attr(data-t) !important; display: inline-block !important; font-family: var(--font-family-monospace) !important; font-size: var(--text-xs) !important; color: var(--accent-color-secondary) !important; white-space: nowrap !important; padding-right: 3em !important; animation: hud-marquee 20s linear infinite !important; will-change: transform !important } div[class*="group-[.is-assistant]:bg-card"] .hmb audio { height: 24px !important; width: 100px !important; opacity: .6 !important; transition: opacity .3s !important; outline: 0 !important; flex-shrink: 0 !important } div[class*="group-[.is-assistant]:bg-card"] .hmb audio:hover { opacity: 1 !important } div[class*="group-[.is-assistant]:bg-card"] .hmb audio::-webkit-media-controls-panel { background: 0 0 !important } div[class*="group-[.is-assistant]:bg-card"] .hmb audio::-webkit-media-controls-enclosure { background: rgba(255, 255, 255, .3) !important; border-radius: 12px !important } div[class*="group-[.is-assistant]:bg-card"] .hmb audio { filter: invert(.4) hue-rotate(180deg) !important } div[class*="group-[.is-assistant]:bg-card"] .box { padding: .8em 1em !important; line-height: 2.1 !important; font-size: var(--text-sub) !important; color: var(--text-color-main) !important; overflow: visible !important } div[class*="group-[.is-assistant]:bg-card"] .box b { color: var(--h3b-text-color) !important; font-weight: 700 !important; margin-right: .2em !important } div[class*="group-[.is-assistant]:bg-card"] .bar { display: flex !important; justify-content: space-between !important; align-items: center !important; height: 1.3em !important; padding: 0 .5em !important; margin: .3em 0 !important; border-radius: 4px !important; overflow: hidden !important; background-color: rgba(0, 0, 0, .06) !important; background-image: linear-gradient(90deg, var(--c1), var(--c2)) !important; background-repeat: no-repeat !important; transition: background-size .4s cubic-bezier(.4, 0, .2, 1) !important; box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4) !important } div[class*="group-[.is-assistant]:bg-card"] .bar span { font-size: .75em !important; font-weight: 800 !important; color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .6) !important; position: relative !important; z-index: 2 !important; } .bar.hp { --c1: var(--hp-c1, #ef5350); --c2: var(--hp-c2, #d32f2f); } .bar.mp { --c1: var(--mp-c1, #42a5f5); --c2: var(--mp-c2, #2979ff); } T { position: relative !important; display: inline-block !important; border-bottom: 1.5px dotted var(--accent-color-primary) !important; cursor: help !important; font-weight: 600 !important; z-index: 10 !important } Ti { position: absolute !important; bottom: 120% !important; left: 50% !important; transform: translateX(-50%) translateY(10px) scale(.95) !important; width: 150px !important; max-width: 80vw !important; height: auto !important; background: rgba(var(--bg-color-main-rgba), .98) !important; border: 1px solid var(--accent-color-primary) !important; border-radius: 6px !important; box-shadow: 0 4px 15px rgba(0, 0, 0, .2) !important; padding: .8em !important; font-size: .85em !important; line-height: 1.5 !important; color: var(--text-color-main) !important; text-align: left !important; white-space: normal !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; z-index: 9999 !important; transition: all .2s cubic-bezier(.18, .89, .32, 1.28) !important } T:active>Ti, T:hover>Ti { opacity: 1 !important; visibility: visible !important; transform: translateX(-50%) translateY(0) scale(1) !important } Ti b { display: block !important; border-bottom: 1px solid rgba(0, 0, 0, .1) !important; margin-bottom: 4px !important; padding-bottom: 2px !important; color: var(--h3b-text-color) !important } div[class*="group-[.is-assistant]:bg-card"] .box hr { border-top-color: rgba(255, 255, 255, .25) !important } div[class*="group-[.is-assistant]:bg-card"] hr { border: 0 !important; height: 1px !important; margin: .5em 0 !important; width: 100% !important; display: block !important; background-color: transparent !important; background-image: linear-gradient(to right, var(--accent-color-secondary) 0, var(--accent-color-secondary) 50%, transparent 50%, transparent 100%) !important; background-size: 8px 1px !important; background-repeat: repeat-x !important; opacity: .4 !important } /* 让包含 loading 的消息气泡居中 */ #conversation .flex.w-fit:has(.size-6 .gap-2 .rounded-full) { width: 100% !important; max-width: 600px !important; margin: 0 auto !important; } /* 打破最外层消息气泡的限制 */ #conversation .group-\[\.is-assistant\]\:bg-card:has(.size-6 .gap-2 .rounded-full) { overflow: visible !important; } /* 打破 space-y-3 容器 */ #conversation .space-y-3:has(.size-6 .gap-2) { width: 100% !important; max-width: 100% !important; } /* 打破 size-6 容器 */ #conversation .size-6:has(.gap-2 .rounded-full) { width: 100% !important; height: auto !important; min-height: 120px !important; opacity: 1 !important; } /* loading 容器本身居中 */ #conversation .flex.gap-2.items-center.justify-center:has(> .rounded-full.bg-primary) { position: relative !important; width: 100% !important; height: 100px !important; margin: 0 auto 1em !important; /* 水平居中 */ padding-top: 1em !important; font-size: 0 !important; color: transparent !important; } #conversation .flex.gap-2.items-center.justify-center:has(> .rounded-full.bg-primary)>* { display: none !important; } #conversation .flex.gap-2.items-center.justify-center:has(> .rounded-full.bg-primary)::before { content: "( ˘ω˘ )☞☆ ~~~ zZ"; position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; top: 0 !important; font-size: 24px !important; font-weight: 700 !important; color: #5a67d8 !important; animation: aethelia-kaomoji-anim 21s infinite steps(1, end) !important; white-space: nowrap !important; } #conversation .flex.gap-2.items-center.justify-center:has(> .rounded-full.bg-primary)::after { content: "\201c稍等…我在想台词…\201d"; position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; top: 45px !important; padding: 8px 16px !important; border-radius: 12px !important; background-color: rgba(237, 242, 247, .8) !important; backdrop-filter: blur(5px) !important; border: 1px solid #cbd5e0 !important; box-shadow: 0 4px 15px rgba(0, 0, 0, .1) !important; font-size: 14px !important; font-weight: 600 !important; color: #2d3748 !important; animation: aethelia-text-anim 21s infinite steps(1, end) !important; white-space: nowrap !important; } div[id^=ai-chat-answer] .MuiStack-root.text-purple-500.mt-1 { position: relative !important; cursor: help !important; width: fit-content !important; transition: all .3s cubic-bezier(.4, 0, .2, 1) !important; opacity: .9 !important; margin-top: .5rem !important } div[id^=ai-chat-answer] .MuiStack-root.text-purple-500.mt-1:not(:hover):not(:active) { background: #fff !important; border: 1px solid rgba(91, 200, 172, .3) !important; border-radius: 99px !important; padding: 4px 12px !important; box-shadow: 0 2px 6px rgba(91, 200, 172, .15) !important; transform: scale(.95) !important; transform-origin: left center !important } div[id^=ai-chat-answer] .MuiStack-root.text-purple-500.mt-1:not(:hover):not(:active)>* { opacity: 0 !important; pointer-events: none !important; height: 0 !important; overflow: hidden !important } div[id^=ai-chat-answer] .MuiStack-root.text-purple-500.mt-1:not(:hover):not(:active)::before { content: "✨ 触碰显示节操消耗" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 100% !important; text-align: center !important; font-size: 12px !important; font-weight: 600 !important; color: #5bc8ac !important; letter-spacing: .5px !important; white-space: nowrap !important } div[id^=ai-chat-answer] .MuiStack-root.text-purple-500.mt-1:active>*, div[id^=ai-chat-answer] .MuiStack-root.text-purple-500.mt-1:hover>* { display: flex !important; animation: fadeIn .3s ease !important } div[class*="group-[.is-assistant]:bg-card"] div[class*=MuiBox-root] { display: none !important } div[class*="group-[.is-assistant]:bg-card"] GM_Screen_jH8t { display: block !important; font-size: 0 !important; color: transparent !important; line-height: 0 !important; overflow: hidden !important } div[class*="group-[.is-assistant]:bg-card"] GM_Screen_jH8t::before { display: block !important; font-size: 15px !important; color: #4a4a4a !important; line-height: 1.6 !important; padding: 18px 25px !important; background-color: #fff9e6 !important; border-left: 6px solid #d4af37 !important; border-radius: 6px !important; white-space: pre-wrap !important; box-shadow: 0 4px 12px rgba(0, 0, 0, .05) !important; font-weight: 500 !important; animation: divine-broadcast 220s step-end infinite !important; content: "🔒【神界联播加载中...】" !important } @keyframes divine-broadcast { 0% { content: "📺【神界联播】新规：勇者选拔不再看天命！圣剑、魔杖和卫龙辣条混在一起，谁能看懂本女神疯狂挤眼的暗示，准确拔出那把‘EX咖喱棒’，谁就是天选之子！上个拿走荧光棒的傻子还在新手村当搓澡工呢。" } 9.09% { content: "📺【神界联播】神谕：艾特利亚唯一指定信仰改为‘爱你老己教’。教堂问候语统一为‘爱你老己，明天见’。祭司不再布道，主要业务改为帮信徒代排买奶茶、剥小龙虾以及劝退内卷加班。" } 18.18% { content: "📺【神界联播】补丁：魔法协会打牌老出千，现更新底层代码。施展三阶以上法术，必须举起法杖大喊纯正法式中文口音的‘窝要验牌！’。发音不魔性者，魔力拒绝响应。王都现已沦为大型鬼畜发音练习场。" } 27.27% { content: "📺【神界联播】福利：本女神听烦了身材焦虑！现在只要自信大喊‘窝的身材狠曼妙！’，立刻触发世界级美颜滤镜，鳞片发光、肚腩Q弹。隔壁泥潭的史莱姆已经扭了一上午了。" } 36.36% { content: "📺【神界联播】潮流：北境异界文化入侵通报。‘黑色羽绒服是市服’概念已感染黑矮人与霜裔精灵。现全大陆最高规格赛事为‘黑色板甲选美大赛’，评判标准唯一：黑得够不够五彩斑斓。" } 45.45% { content: "📺【神界联播】公告：为了防止凡人内卷导致服务器过载，本女神已抽走世界50%的‘快乐因子’做成棉花糖吃了。想体验100%的快乐？上天堂山给本宅女表演个才艺先！" } 54.54% { content: "📺【神界联播】地标：魔王城旁新增特区‘赛博丐帮·自愿流浪者营地’。无主线、无KPI，每天比拼谁更废柴。魔王试图去屠城，结果被营地里‘比他还虚无’的躺平气氛整破防，哭着回家找妈妈了。" } 63.63% { content: "📺【神界联播】文化：精灵王庭已被《北美小时代》彻底污染！精灵们不再唱歌，改为穿着高定丝绸在永恒之井边互撕：‘我们是高端奢侈品做的！’下周她们还要和矮人联名办走秀。" } 72.72% { content: "📺【神界联播】战报：号称日啖四十蛋的恶龙‘蛋神’已扑街。本女神把他的口粮全换成了空壳窜稀盲盒。由于严重缺乏蛋白质且拉到腿软，他已被新手村大妈用平底锅单杀。切记，别在神面前装X。" } 81.81% { content: "📺【神界联播】致歉：本女神昨晚熬夜追剧破防，煮‘降火丝瓜汤’时错把符文写成‘致郁’。汤汁蒸汽导致本月新生儿看父母都带着东亚式幽怨。纯属操作失误，神界不予赔偿！" } 90.90% { content: "📺【神界联播】终极：世界的终极奥义不是打魔王，而是我在世界尽头藏的五子棋盘。只有彻底躺平的勇者才能找到。赢了没奖励，只会让你在回村路上看谁都想‘冷不丁梆梆就是两拳’解压罢了。" } 100% { content: "📺【神界联播】新规：勇者选拔不再看天命！圣剑、魔杖和卫龙辣条混在一起，谁能看懂本女神疯狂挤眼的暗示，准确拔出那把‘EX咖喱棒’，谁就是天选之子！上个拿走荧光棒的傻子还在新手村当搓澡工呢。" } } .the-creatrix1 { width: 100%; height: 0; padding-bottom: 54.58%; background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAERvCVpttaHYeD379WVN0w7XO6z52Ph6AACcxsAAlpcuFWSU7LmU2b2zzoE.jpg); background-size: cover; background-position: center; background-repeat: no-repeat } .the-creatrix2 { width: 100%; height: 0; padding-bottom: 54.58%; background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAERvCRpttZtQBQHFUdgZnaI4FSkiY3DXQACchsAAlpcuFVwUfGI3RckxToE.jpg); background-size: cover; background-position: center; background-repeat: no-repeat } .the-creatrix3 { width: 100%; height: 0; padding-bottom: 54.58%; background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAERvF9pttw-bZcVmwskeDU60o1Hhhx8fQACshsAAlpcuFXNo0zJ8K_8zDoE.jpg); background-size: cover; background-position: center; background-repeat: no-repeat } .group.is-assistant [class*="group-[.is-assistant]:bg-card"] pre.shiki, .group.is-user [class*="group-[.is-user]:ml-auto"] pre.shiki { background-color: #1e1e1e !important; color: #d4d4d4 !important; border-radius: 8px !important; padding: 1em !important; margin: .5em 0 !important; overflow-x: auto !important; --shiki-dark-bg: #1e1e1e !important; --shiki-light-bg: #1e1e1e !important } .group.is-assistant [class*="group-[.is-assistant]:bg-card"] pre, .group.is-assistant [class*="group-[.is-assistant]:bg-card"] pre.shiki { margin: 0 !important; padding: 1.2em 1em !important; background-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; width: 100% !important; box-sizing: border-box !important } /* ========================================== 🌙 暗黑模式：User 气泡 ========================================== */ [data-theme="dark"] .group.is-user [class*="group-[.is-user]:ml-auto"] { color: #e2e8f0 !important; -webkit-text-fill-color: #e2e8f0 !important; background-color: rgba(45, 48, 54, 0.8) !important; background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4"%3E%3Cpath fill="%23FFFFFF" fill-opacity="0.03" d="M1 3h1v1H1V3zm2-2h1v1H3V1z"%3E%3C/path%3E%3C/svg%3E') !important; box-shadow: 0 0 25px rgba(0, 0, 0, 0.4) !important; } /* ========================================== 🌙 暗黑模式：Assistant 全局变量覆写 ========================================== */ [data-theme="dark"] .group.is-assistant div[class*="group-[.is-assistant]:bg-card"] { /* 基础背景与排版 */ --bg-color-main-rgba: 30, 32, 36 !important; --bg-color-card: rgba(0, 0, 0, 0.3) !important; --header-bg-color: rgba(44, 122, 100, 0.85) !important; --code-bg-color: rgba(0, 0, 0, 0.4) !important; --border-color: rgba(255, 255, 255, 0.12) !important; --text-color-main: #d1d5db !important; --text-color-secondary: #9ca3af !important; /* 🌟 修复：保持 summary 和按钮文字为亮色 */ --button-text-color: #FDFBF5 !important; /* 🌟 修复：加深主题强调色，解决 summary 渐变背景泛白的问题 */ --accent-color-primary: #42AB8F !important; /* 比亮色版略深的中绿 */ --accent-color-secondary: #2C7A64 !important; /* 更深的墨绿，压住渐变底色 */ --accent-color-primary-rgba: 66, 171, 143 !important; --accent-color-secondary-rgba: 44, 122, 100 !important; /* 系统与状态颜色 */ --lust-text-color: #e895a4 !important; --progress-bar-bg: rgba(255, 255, 255, 0.1) !important; --system-prompt-color: #4AAA90 !important; --system-prompt-color-rgba: 74, 170, 144 !important; --system-alert-color: #ef5350 !important; --system-alert-color-rgba: 239, 83, 80 !important; --system-alert-border-bleed: #d32f2f !important; --psi-bg-color: rgba(22, 101, 52, 0.2) !important; --psi-border-color: #22c55e !important; --psi-text-color: #86efac !important; --system-interrupt-color-rgba: 139, 195, 74 !important; /* 对话与代码区 */ --code-text-color: #38bdf8 !important; --code-border-color: rgba(255, 255, 255, 0.1) !important; --male-text-color: #60a5fa !important; --male-border-color: rgba(96, 165, 250, 0.95) !important; --female-text-color: #f472b6 !important; --female-border-color: rgba(244, 114, 182, 0.95) !important; --h3b-text-color: #5BC8AC !important; --dialogue-bg-color: rgba(0, 0, 0, 0.20) !important; --pps-bg-color: rgba(0, 0, 0, 0.3) !important; /* HUD与血条/蓝条 */ --hud-bg-color: #1e1e1e !important; --hud-stat-bg: rgba(0, 0, 0, 0.4) !important; --hp-c1: #FA5652 !important; --hp-c2: #ff5252 !important; --mp-c1: #45ADFF !important; --mp-c2: #00b0ff !important; } /* ========================================== 🌙 暗黑模式：细节元素硬编码颜色覆盖 ========================================== */ /* 1. 废弃文本删除线 */ [data-theme="dark"] .group.is-assistant div[class*="group-[.is-assistant]:bg-card"] s { text-decoration-color: color-mix(in srgb, currentColor 45%, transparent) !important; } /* 2. 音乐播放器 (HMB) */ [data-theme="dark"] .group.is-assistant div[class*="group-[.is-assistant]:bg-card"] .hmb { background: rgba(30, 30, 30, 0.6) !important; box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2) !important; } [data-theme="dark"] .group.is-assistant div[class*="group-[.is-assistant]:bg-card"] .hmb audio { filter: invert(0.8) hue-rotate(180deg) !important; } /* 3. 分割线 (HR) */ [data-theme="dark"] .group.is-assistant div[class*="group-[.is-assistant]:bg-card"] .box hr { border-top-color: rgba(255, 255, 255, 0.25) !important; } [data-theme="dark"] .group.is-assistant div[class*="group-[.is-assistant]:bg-card"] hr { background-image: linear-gradient(to right, var(--accent-color-primary) 0, var(--accent-color-primary) 50%, transparent 50%, transparent 100%) !important; opacity: 0.3 !important; } /* 4. 地图悬浮窗 (HUD Loc & Sys) */ [data-theme="dark"] .group.is-assistant div[class*="group-[.is-assistant]:bg-card"] .hud-loc, [data-theme="dark"] .group.is-assistant div[class*="group-[.is-assistant]:bg-card"] .hud-sys summary { background: rgba(45, 48, 54, 0.85) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: var(--text-color-main) !important; } /* 5. 选项列表 Hover态 (PAL) */ [data-theme="dark"] .group.is-assistant div[class*="group-[.is-assistant]:bg-card"] .pal { background-color: rgba(0, 0, 0, 0.25) !important; } [data-theme="dark"] .group.is-assistant div[class*="group-[.is-assistant]:bg-card"] .pal:hover { background-color: rgba(255, 255, 255, 0.1) !important; } /* 6. 神界联播广播框 */ [data-theme="dark"] .group.is-assistant div[class*="group-[.is-assistant]:bg-card"] GM_Screen_jH8t::before { background-color: #2a2416 !important; color: #d1d5db !important; border-left-color: #b8860b !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important; } /* 7. 节操消耗外挂气泡 */ [data-theme="dark"] div[id^=ai-chat-answer] .MuiStack-root.text-purple-500.mt-1:not(:hover):not(:active) { background: #1e1e1e !important; border-color: rgba(91, 200, 172, 0.4) !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important; } /* 8. 思考中 Loading 动效气泡 */ [data-theme="dark"] #conversation .flex.gap-2.items-center.justify-center:has(> .rounded-full.bg-primary)::before { color: #818cf8 !important; } [data-theme="dark"] #conversation .flex.gap-2.items-center.justify-center:has(> .rounded-full.bg-primary)::after { background-color: rgba(30, 32, 36, 0.85) !important; border-color: rgba(255, 255, 255, 0.15) !important; color: #e2e8f0 !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important; } /* 永久移除所有额外 padding（非媒体查询全局生效） */ .group.is-assistant div[class*="group-[.is-assistant]:bg-card"], div[class*="group-[.is-assistant]:bg-card"] { padding: 0 !important; /* 恢复 Tailwind 的 group-[.is-assistant]:px-4 py-3 生效 */ } /* 同时适当缩小 .pt 的 padding，比如全局改为 1em */ div[class*="group-[.is-assistant]:bg-card"] .pt { padding: 1em !important; } /* = 积分消耗：默认显示 “✨显示节操”（加大加深版） = */ .group.is-assistant .flex.items-center.gap-2.text-xs.font-mono.text-muted-foreground[data-state="closed"] { position: relative !important; } /* 默认隐藏内部数字与圆点 */ .group.is-assistant .flex.items-center.gap-2.text-xs.font-mono.text-muted-foreground[data-state="closed"]>* { visibility: hidden !important; opacity: 0 !important; transition: opacity 0.2s ease !important; } /* 伪元素：✨显示节操（更醒目） */ .group.is-assistant .flex.items-center.gap-2.text-xs.font-mono.text-muted-foreground[data-state="closed"]::after { content: "✨看看节操" !important; position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; background: rgba(255, 255, 255, 0.80) !important; /* 亮色半透白底，字更清晰 */ color: #1a1a1a !important; font-size: 1em !important; /* 增大 */ font-weight: 700 !important; padding: 0.4em 1em !important; border-radius: 4px !important; white-space: nowrap !important; pointer-events: none !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important; /* 轻微阴影增加立体感 */ transition: opacity 0.2s ease !important; z-index: 1 !important; } /* 悬停/触摸时：隐藏伪元素，显示数字 */ .group.is-assistant .flex.items-center.gap-2.text-xs.font-mono.text-muted-foreground[data-state="closed"]:hover::after, .group.is-assistant .flex.items-center.gap-2.text-xs.font-mono.text-muted-foreground[data-state="closed"]:active::after { opacity: 0 !important; } .group.is-assistant .flex.items-center.gap-2.text-xs.font-mono.text-muted-foreground[data-state="closed"]:hover>*, .group.is-assistant .flex.items-center.gap-2.text-xs.font-mono.text-muted-foreground[data-state="closed"]:active>* { visibility: visible !important; opacity: 1 !important; } /* ========= 暗黑模式适配（背景加深、文字亮色） ========= */ [data-theme="dark"] .group.is-assistant .flex.items-center.gap-2.text-xs.font-mono.text-muted-foreground[data-state="closed"]::after { background: rgba(0, 0, 0, 0.75) !important; color: #f1f5f9 !important; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5) !important; }