body, html { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background-color: #000; color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; user-select: none; }
        ::-webkit-scrollbar { width: 10px; height: 10px; }
        ::-webkit-scrollbar-track { background: transparent; border-radius: 5px; }
        ::-webkit-scrollbar-thumb { background: #444; border-radius: 5px; border: 2px solid #111; }
        ::-webkit-scrollbar-thumb:hover { background: #666; }
        ::-webkit-scrollbar-corner { background: transparent;} 
        textarea::-webkit-resizer { background: url(images/j.png) center center / 15px 15px no-repeat; }
		
        .bg-dots { background-image: radial-gradient(circle, rgba(47, 47, 47, 0.5) 1px, transparent 1px); background-size: 30px 30px;}

        #viewport { width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; transform-origin: 0 0; transition: filter 0.3s; }
        #canvas { width: 10000px; height: 10000px; position: absolute; top: -5000px; left: -5000px; }

        .ui-overlay { position: fixed; top: 20px; left: 20px; z-index: 100; display: flex; gap: 10px; align-items: center; transition: opacity 0.3s; }
        .glass-btn { background-color: rgb(17 17 19 / var(--tw-bg-opacity, 1)); backdrop-filter: blur(10px); border: 1px solid #333; color: white; border-radius: 50px; padding: 6px 16px; font-size: 14px; cursor: pointer; display: flex; line-height: 32px; justify-content: center; transition: all 0.2s; }
        .glass-btn:hover { background: rgba(50, 50, 50, 0.8); border-color: #555; }
        
        #centerText { position: fixed; top: 50%; left: 50%; background: url(images/1.png) center center no-repeat; transform: translate(-50%, -50%); text-align: center; z-index: 10; pointer-events: none; transition: opacity 0.5s; }
        #centerText h1 { font-size: 88px; font-weight: 300; letter-spacing: 2px; margin: 0 0 5px 0; color: #f0f0f0; }
        #centerText p { font-size: 18px; color: #888; margin: 0; }

        .side-toolbar {
            position: fixed; left: 20px; top: 50%; transform: translateY(-50%);
            background-color: rgb(17 17 19 / var(--tw-bg-opacity, 1));
			backdrop-filter: blur(20px);
            border: 1px solid #333; border-radius: 30px; padding: 12px 8px;
            display: flex; flex-direction: column; gap: 12px; z-index: 200;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5); transition: opacity 0.3s;
        }
        .toolbar-btn {
            width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
            background: transparent; color: #eee; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); border: none; cursor: pointer;
        }
        .toolbar-btn:hover { background: rgba(255,255,255,0.1); color: #fff; }
        .toolbar-btn:active { transform: scale(0.95); }
        .toolbar-btn.btn-plus { background: #fff; color: #000; font-size: 24px; font-weight: 300;}
        .toolbar-btn.btn-plus:hover { transform: scale(1.05); background: #eee; box-shadow: 0 6px 20px rgba(255,255,255,0.25); }

        .history-popover {
            display: none; position: absolute; left: 74px; top: 50%; transform: translateY(-50%);
			background-color: rgb(17 17 19 / var(--tw-bg-opacity, 0.9));
			backdrop-filter: blur(20px); border: 1px solid #333;
            border-radius: 16px; padding: 16px; width: 250px; 
            box-shadow: 0 10px 40px rgba(0,0,0,0.8); z-index: 210;
        }
        .history-popover.active { display: block; animation: popIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
        @keyframes popIn { from { opacity: 0; transform: translate(-10px, -50%); } to { opacity: 1; transform: translate(0, -50%); } }
        
        .history-list-container { max-height: 400px; overflow-y: auto; padding-right: 4px; position: relative; z-index: 2; }
        .history-list-container::-webkit-scrollbar { width: 4px; }
        .history-list-container::-webkit-scrollbar-track { background: transparent; }
        .history-list-container::-webkit-scrollbar-thumb { background: #444; border-radius: 4px; }
        .history-list-container::-webkit-scrollbar-thumb:hover { background: #666; }

        .popover-arrow {
            position: absolute; left: -6px; top: 50%; margin-top: -6px;
            width: 12px; height: 12px; background-color: rgb(17, 17, 19);
            border-left: 1px solid #333; border-bottom: 1px solid #333;
            transform: rotate(45deg); z-index: 1;
        }
		
        .qr-popover {
            display: none; position: absolute; left: 74px; top: 50%; transform: translateY(-50%);
            background-color: #ffffff; 
            border-radius: 12px; padding: 12px; width: 160px; height: 160px; 
            box-shadow: 0 10px 40px rgba(0,0,0,0.8); z-index: 210;
        }
        .qr-popover.active { display: block; animation: popIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
        .qr-popover-arrow {
            position: absolute; left: -6px; top: 50%; margin-top: -6px;
            width: 12px; height: 12px; background-color: #ffffff;
            transform: rotate(45deg); z-index: 1; border-radius: 1px;
        }

        .gen-history-popover {
            display: none; position: absolute; left: 74px; top: 50%; transform: translateY(-50%);
            background-color: rgb(17 17 19 / var(--tw-bg-opacity, 1));
            backdrop-filter: blur(20px); border: 1px solid #333;
            border-radius: 16px; width: 450px; height: 450px; 
            box-shadow: 0 10px 40px rgba(0,0,0,0.8); z-index: 210;
            flex-direction: column;
        }
        .gen-history-popover.active { display: flex; animation: popIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
        .gen-history-header {
            display: flex; gap: 16px; padding: 15px 20px 0 20px; border-bottom: 1px solid #333; flex-shrink: 0;
        }
        .gen-tab {
            font-size: 12px; font-weight: bold; color: #888; cursor: pointer; padding-bottom: 12px; position: relative; transition: color 0.2s;
        }
        .gen-tab:hover { color: #ccc; }
        .gen-tab.active { color: #fff; }
        .gen-tab.active::after {
            content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background-color: #4f46e5; border-radius: 3px 3px 0 0;
        }
        
		.gen-history-content {
            padding: 16px 20px 0 20px;
            margin-bottom: 20px;
            overflow-y: auto; 
            flex: 1; 
            position: relative; 
            z-index: 2;
        }
        
        .gen-date-group:last-child { padding-bottom: 16px; }

        .gen-history-content::-webkit-scrollbar { width: 8px; }
        .gen-history-content::-webkit-scrollbar-track { background: transparent; }
        .gen-history-content::-webkit-scrollbar-thumb { background: #333; border-radius: 8px; }
        .gen-history-content::-webkit-scrollbar-thumb:hover { background: #888; }

        .gen-date-group { margin-bottom: 20px; }
        .gen-date-title { font-size: 12px; font-weight: 600; color: #a1a1aa; margin-bottom: 12px; }
        .gen-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
        .gen-item {
            position: relative; aspect-ratio: 1; background: #111; border-radius: 8px; overflow: hidden; border: 1px solid #333; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; justify-content: center;
        }
        .gen-item:hover { border-color: #4f46e5; transform: scale(1.02); z-index: 10; box-shadow: 0 5px 15px rgba(0,0,0,0.5); }
        .gen-item img, .gen-item video { width: 100%; height: 100%; object-fit: cover; }
        .gen-item-tag {
            position: absolute; bottom: 4px; left: 4px; background: rgba(0,0,0,0.6); padding: 2px 6px; border-radius: 4px; font-size: 10px; color: #fff; display: flex; align-items: center; gap: 4px; backdrop-filter: blur(4px); pointer-events: none;
        }
        .gen-item-tag svg {display: none;}

        .history-item-wrapper {
            position: relative; display: flex; align-items: center; justify-content: space-between;
            background: transparent; border: 1px solid #444; border-radius: 50px;
            transition: all 0.2s; overflow: hidden; height: 38px;
        }
        .history-item-wrapper:hover { border-color: #666; background: rgba(255,255,255,0.05); }
        .history-item-wrapper.active { border-color: #3b82f6; background: rgba(59, 130, 246, 0.1); box-shadow: 0 0 10px rgba(59, 130, 246, 0.2); }
        
        .history-item-btn {
            flex: 1; height: 100%; color: #a1a1aa; font-size: 13px; font-weight: 600;
            text-align: center; cursor: pointer; border: none; background: none; outline: none;
            white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 16px;
            transition: color 0.2s;
        }
        .history-item-wrapper:hover .history-item-btn, .history-item-wrapper.active .history-item-btn { color: #fff; }
        
        .history-delete-btn {
            position: absolute; right: 8px; width: 15px; height: 15px; border-radius: 50%;
            display: flex;
			background: url(images/x.png) center center / 15px 15px no-repeat;
            opacity: 0; transform: scale(0.8); transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .history-item-wrapper:hover .history-delete-btn { opacity: 1; transform: scale(1); }

        .node-card { position: absolute; width: 434px; background-color: rgb(17 17 19 / var(--tw-bg-opacity, 1)); backdrop-filter: blur(20px); border: 1px solid #444; border-radius: 20px; box-shadow: 0 10px 30px rgba(255,255,255,0.1); display: flex; flex-direction: column; overflow: hidden; transition: box-shadow 0.2s, border-color 0.2s; }
        
        .node-card.selected.type-gemini, .node-card.selected.type-note, .node-card.selected.type-llm, .node-card.selected.type-openaiImg, .node-card.selected.type-rhg, .node-card.selected.type-rhn, .node-card.selected.type-rhv, .node-card.selected.type-grok, .node-card.selected.type-veo { border-color: #fff; box-shadow: 0 0 0 1px rgba(255, 255, 255, 1), 0 10px 30px rgba(255,255,255,0.2); z-index: 50; }

        .node-header { padding: 15px 15px 15px 16px; border-bottom: 1px solid #444; cursor: default; display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 600; transition: border-color 0.3s; }
        .node-card.type-gemini .node-header { border-bottom: 0px solid #10b981; }
        
        .node-card.type-note .node-header,
        .node-card.type-llm .node-header,
        .node-card.type-openaiImg .node-header,
        .node-card.type-rhg .node-header,
        .node-card.type-rhn .node-header,
        .node-card.type-rhv .node-header,
        .node-card.type-veo .node-header,
        .node-card.type-grok .node-header { border-bottom: 0px solid transparent; }
        .node-card.collapsed:not(.has-media):not(.has-status) .node-header { border-bottom-color: transparent; }

        .node-lock { width: 42px; height: 20px; border-radius: 10px; position: relative; cursor: pointer; transition: background-color 0.3s; display: flex; align-items: center; user-select: none; flex-shrink: 0; margin-left: 10px;}
        .node-lock.off { background-color: #4f46e5; }
        .node-lock.on { background-color: #fff; }
        .node-lock .lock-text { position: absolute; font-size: 10px; font-weight: 700; transition: opacity 0.2s, color 0.2s; pointer-events: none;}
        .node-lock.off .lock-text.text-off { left: 7px; color: #ffffff; opacity: 1; }
        .node-lock.off .lock-text.text-on { opacity: 0; }
        .node-lock.on .lock-text.text-on { right: 7px; color: #333333; opacity: 1; }
        .node-lock.on .lock-text.text-off { opacity: 0; }
        .node-lock .lock-circle { width: 16px; height: 16px; background-color: #ffffff; border-radius: 50%; position: absolute; top: 50%; margin-top: -8px; box-shadow: 0 1px 3px rgba(0,0,0,0.6); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; align-items: center; justify-content: center; pointer-events: none;}
        .node-lock.off .lock-circle { transform: translateX(24px); }
        .node-lock.on .lock-circle { transform: translateX(2px); }
        .node-lock .lock-icon { width: 10px; height: 10px; stroke: #4f46e5; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.3s; }
        .node-lock.on .lock-icon { transform: rotate(180deg); }

        .node-result { padding: 0 15px 0 15px; transition: padding 0.3s; }
        .node-card.collapsed.has-media .node-result { padding-bottom: 15px; }

        .node-status { margin: 15px 15px 0 15px; transition: margin 0.3s; }
        .node-card.collapsed.has-status .node-status { margin-bottom: 15px; }

        .node-controls-wrapper { display: grid; grid-template-rows: 1fr; transition: grid-template-rows 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
        .node-card.collapsed .node-controls-wrapper { grid-template-rows: 0fr; }

        .node-controls { padding: 15px; display: flex; flex-direction: column; gap: 12px; cursor: default; min-height: 0; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s; opacity: 1; }
        .node-card.collapsed .node-controls { padding-top: 0; padding-bottom: 0; opacity: 0; pointer-events: none; }

        .result-footer-wrapper { display: grid; grid-template-rows: 1fr; transition: grid-template-rows 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
        .node-card.collapsed .result-footer-wrapper { grid-template-rows: 0fr; }
        .result-footer-wrapper > div { min-height: 0; overflow: hidden; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), margin 0.3s; opacity: 1; }
        .node-card.collapsed .result-footer-wrapper > div { opacity: 0; margin-top: 0; margin-bottom: 0; pointer-events: none; }

        .node-card.type-note { width: max-content; min-width: 320px; }
        .note-textarea { resize: both; min-width: 300px; min-height: 180px; font-size: 14px; background: #111; border: 1px solid #333; line-height: 1.6; padding: 12px; border-radius: 6px; box-sizing: border-box; color: #fff; outline: none; transition: border-color 0.2s; }
        .note-textarea:focus { border-color: #666; }
        
        .dark-input { background: #111; border: 1px solid #333; color: #fff; padding: 8px; border-radius: 6px; font-size: 13px; width: 100%; outline: none; transition: border-color 0.2s; }
        .dark-input:focus { border-color: #666; }
        
        .dark-btn {color: #eee; font-weight: 600; padding: 10px; border-radius: 50px; text-align: center; cursor: pointer; transition: opacity 0.2s; border: none; font-size: 14px;}
        
        .node-card.type-gemini .dark-btn, .node-card.type-openaiImg .dark-btn, .node-card.type-rhg .dark-btn, .node-card.type-rhn .dark-btn, .node-card.type-rhv .dark-btn, .node-card.type-grok .dark-btn, .node-card.type-veo .dark-btn { background: #4f46e5;}
        .node-card.type-llm .dark-btn { background: #4f46e5;}
        .dark-btn:hover { opacity: 0.9; }
        .dark-btn:disabled { opacity: 0.5; cursor: not-allowed; }
        
        .img-preview-container { position: relative; width: 100%; background: #111; border: 1px dashed #444; border-radius: 6px; min-height: 80px; display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: pointer; transition: border-color 0.2s; }
        .img-preview-container:hover { border-color: #666; }
        .img-preview-container img { max-width: 100%; max-height: 200px; object-fit: contain; }
        .remove-img-btn { position: absolute; top: 4px; right: 4px; background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 2px 6px; font-size: 12px; cursor: pointer; display: none; z-index: 10; }
        .img-preview-container:hover .remove-img-btn { display: block; }
        
        #contextMenu { display: none; position: fixed; background-color: rgb(17 17 19 / var(--tw-bg-opacity, 0.9)); border: 1px solid #333; border-radius: 16px; padding: 20px; width: 260px; box-shadow: 0 10px 40px rgba(0,0,0,0.8); z-index: 9999; }
        .menu-title { font-size: 12px; color: #888; font-weight: 700; margin-bottom: 14px; letter-spacing: 0; padding-left:2px;}
        .menu-title-2 {padding-top: 10px;}
		.menu-title b {font-size: 10px;font-weight: 600; }
		
		.menu-btn { display: flex; align-items: center; border: 1px solid #444; border-radius: 999px; padding: 6px 6px 6px 8px; margin-bottom: 12px; cursor: pointer; transition: all 0.2s ease; background: transparent; gap: 12px; }
        .menu-btn:last-child { margin-bottom: 0; }
		.menu-btn:nth-of-type(4) { margin-bottom: 0; }
		
        .menu-btn:hover { border-color: #666; background: rgba(255,255,255,0.05); }
        .menu-btn:active { transform: scale(0.98); }
        .menu-icon-box { width: 32px; height: 32px; border: 1px solid #444; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.02); color: #888; transition: color 0.2s; }
        .menu-btn:hover .menu-icon-box { color: #fff; border-color: #666; }
        .menu-text { font-size: 10px; font-weight: 700; color: #fff; letter-spacing: 0.5px; }
		
        .menu-group { position: relative; margin-bottom: 12px; }
        .menu-group:last-child { margin-bottom: 0; }
        .menu-group > .menu-btn { cursor: pointer; margin-bottom: 0; }
        .menu-group > .menu-btn:active { transform: none; }
        
        .sub-menu { 
            display: none; position: absolute; 
            left: calc(100% + 32px); 
            top: 50%; 
            transform: translateY(-50%); 
            background-color: rgb(17 17 19 / var(--tw-bg-opacity, 0.9)); border: 1px solid #333;
            border-radius: 16px; padding: 22px 20px 20px 20px; width: 260px; box-shadow: 0 10px 40px rgba(0,0,0,0.8); z-index: 10000;
        }
        
        .menu-group.active .sub-menu { display: block; animation: subMenuIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
        
        .menu-group.active > .menu-btn { border-color: #666; background: rgba(255,255,255,0.05); }
        .menu-group.active > .menu-btn .menu-icon-box { color: #fff; border-color: #666; }
        
        .sub-menu::before {
            content: ''; position: absolute; left: -6.5px; width: 12px; height: 12px;
            background-color: rgb(17 17 19); border-left: 1px solid #333; border-bottom: 1px solid #333;
            top: 50%; margin-top: -6px; 
            transform: rotate(45deg); z-index: 1; border-radius: 1px;
        }
        
        @keyframes subMenuIn { 
            from { opacity: 0; transform: translate(-10px, -50%); } 
            to { opacity: 1; transform: translate(0, -50%); } 
        }

        .modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.8); backdrop-filter: blur(5px); z-index: 99999; align-items: center; justify-content: center; }
        .modal.active { display: flex; }
        .modal-content {  background-color: rgb(17 17 19 / var(--tw-bg-opacity, 0.7)); border: 1px solid #333; padding: 24px; border-radius: 12px; width: 420px; box-shadow: 0 20px 50px rgba(0,0,0,0.8); cursor: default; }
        .modal-input { 
			background: #111; border: 1px solid #333; color: #fff; padding: 12px; border-radius: 6px; font-size: 13px; 
			width: 100%; outline: none; transition: border-color 0.2s; box-sizing: border-box; margin-top:5px;
		}
        .modal-input:focus { border-color: #666; }
        .modal-btn { background: #4f46e5; color: #fff; font-weight: 600; padding: 12px; border-radius: 6px; text-align: center; cursor: pointer; transition: background 0.2s; border: none; font-size: 14px; width: 100%; margin-top: 8px;}
        .modal-btn:hover {background: #4941d1; }

        .error-msg { max-height: 120px; overflow-y: auto; word-break: break-all; white-space: pre-wrap; font-family: monospace; font-size: 11px;}
		
		
		
		
		.text-gray-400{color: #eee !important;}
		
		.logo {border-radius: 24px; margin: 0 10px 0 -6px; max-height: 32px !important; max-width: 32px !important;}
		.relative img{max-width:100%; margin:0 auto; display:block;}
		
		.mention-popover img{margin:0 !important;}
		
		
		
		
		.bg-black {background-color: #1a1a1a !important;}
		.bg-red-600\/90{background: url(images/x.png) center center / 15px 15px no-repeat !important; }
		.bg-red-600\/90:hover {opacity: 0.8 !important;}
		
		#authBtn {border-width: 0 !important;}
		
		.mb-1 {margin-bottom: 0 !important;}
		
		.bg-red-600{background-color: #4f46e5 !important;}
		.bg-red-600:hover {background: #4941d1 !important; }
		
		.text-sm{ font-size: 0.75rem !important; line-height: 1rem !important; }
		.shadow-\[0_0_15px_rgba\(220\2c 38\2c 38\2c 0\.3\)\]{box-shadow:none !important;}
		.bg-red-500\/10{background-color: rgb(17 17 19 / var(--tw-bg-opacity, 1)) !important;}
		.menu-history {
			font-size: 12px;
			color: #888;
			font-weight: 700;
			margin-bottom: 10px;
			letter-spacing: 0;
			padding-left: 2px;
		}

        .minimap-wrapper {
            position: fixed; right: 15px; bottom: 15px; width: 220px; height: 150px;
            background-color: rgb(17 17 19 / 0.8); backdrop-filter: blur(20px); border: 1px solid #333;
            border-radius: 12px; z-index: 100; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            display: flex; flex-direction: column; transition: opacity 0.3s;
        }
        
        .minimap-container {
            position: relative; flex: 1; background-color: rgba(0, 0, 0, 0.4); cursor: crosshair;
        }
        .minimap-nodes {
            position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none;
        }
        .minimap-node {
            position: absolute; background-color: #4f46e5; border-radius: 1px; opacity: 0.8;
        }
        .minimap-viewport {
            position: absolute; border: 1px solid rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.1);
            cursor: move; box-sizing: border-box; pointer-events: auto; border-radius: 2px;
        }
		
		.ewm {
			margin-left: 105px;
			margin-top: 35px;
			background-color: #ffffff;
			border-radius: 12px;
			padding: 12px;
			width: 160px;
			height: 160px;
		}
			
		.lxwm{
			width: 100%;
			color: #fff;
			font-weight: 600;
			text-align: center;
			font-size: 14px;
			padding-top: 12px;
		}
		
		.top-5{margin-top: 7px !important;}
		.p-1\.5{padding: 0.7rem !important;}
		.sdxz{padding: 0 !important; opacity: 0.6;}
		.sdxz:hover{ opacity: 1;}
		
		
		.tracking-wide{color: #ffffff !important; font-size: 13px !important;}

        /* ===== 新增：@提及功能样式 ===== */
        .input-prompt[contenteditable]:empty::before {
            content: attr(data-placeholder);
            color: #666;
            pointer-events: none;
            display: block;
        }
        .mention-popover {
            transition: opacity 0.2s, transform 0.2s;
            transform: translateY(10px);
            opacity: 0;
            pointer-events: none;
        }
        .mention-popover.active {
            display: flex !important;
            transform: translateY(0);
            opacity: 1;
            pointer-events: auto;
        }
        .mention-item {
            display: flex; align-items: center; gap: 10px; padding: 6px 10px; border-radius: 6px; cursor: pointer; transition: background 0.2s;
        }
        .mention-item:hover { background: rgba(255,255,255,0.1); }
        .mention-item img { width: 28px; height: 28px; object-fit: cover; border-radius: 4px; border: 0 solid #444; }
        .mention-item span { font-size: 12px; color: #eee; }

        .mention-tag {
            display: inline-flex; align-items: center; gap: 4px; 
            background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); 
            padding: 2px 6px; margin: 0 2px; border-radius: 4px;
            color: #10b981; font-size: 12px; font-weight: 500;
            user-select: none; cursor: default; vertical-align: middle;
        }
        .mention-tag img { width: 16px; height: 16px; object-fit: cover; border-radius: 2px;}
		
		
		.px-2\.5{
			padding-left: 0.3rem !important;
			padding-right: 0.3rem !important;
		}
		
		.py-1 {
			padding-top: 0.1rem !important;
			padding-bottom: 0.1rem !important;
		}
		
		.rounded-b-lg{
			border-radius: 0.5rem !important;
		}

        /* ===== 新增：自动下载开关样式 ===== */
        .toggle-switch { width: 44px; height: 24px; border-radius: 12px; position: relative; cursor: pointer; transition: background-color 0.3s; display: inline-block; }
        .toggle-switch.on { background-color: #4f46e5; }
        .toggle-switch.off { background-color: #444; }
        .toggle-circle { width: 16px; height: 16px; background-color: white; border-radius: 50%; position: absolute; top: 4px; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; align-items: center; justify-content: center; }
        .toggle-switch.on .toggle-circle { transform: translateX(24px); }
        .toggle-switch.off .toggle-circle { transform: translateX(4px); }
        .toggle-circle::after { content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #4f46e5; transition: background-color 0.3s; }
        .toggle-switch.off .toggle-circle::after { background-color: #444; }

		.w-50{width: 8rem;}
		
		
		.font-mono{font-weight: 600; color: #888; font-family: -apple-system !important;}