/* 图纸主题(白图/蓝图/深色)、浮动工具条、缩放徽标、信息条 */ /* 视觉风格主题 */ #sheet.theme-paper #sheetViewport { background: #cbd5e1; } #sheet.theme-paper #sheetSvgWrapper { box-shadow: 0 10px 40px rgba(0,0,0,.35); } #sheet.theme-blueprint #sheetViewport { background: #06182c; background-image: linear-gradient(rgba(14, 116, 144, 0.15) 1px, transparent 1px), linear-gradient(90deg, rgba(14, 116, 144, 0.15) 1px, transparent 1px); background-size: 24px 24px; } #sheet.theme-blueprint #sheetSvgWrapper { box-shadow: 0 0 40px rgba(14, 165, 233, 0.25); border: 1px solid rgba(56, 189, 248, 0.3); } #sheet.theme-blueprint .sheet-bg { fill: #0a2240 !important; } #sheet.theme-blueprint .sheet-border-outer, #sheet.theme-blueprint .sheet-border-inner, #sheet.theme-blueprint .sheet-title-line, #sheet.theme-blueprint .sheet-meta-line { stroke: #38bdf8 !important; } #sheet.theme-blueprint .sheet-title-text { fill: #f0f9ff !important; } #sheet.theme-blueprint .sheet-note-text, #sheet.theme-blueprint .sheet-scale-text, #sheet.theme-blueprint .sheet-ver-text { fill: #bae6fd !important; } #sheet.theme-blueprint .sheet-axis, #sheet.theme-blueprint .sheet-axis-label, #sheet.theme-blueprint .sheet-dim-line, #sheet.theme-blueprint .sheet-dim-ext, #sheet.theme-blueprint .sheet-dim-text { stroke: #7dd3fc !important; fill: #7dd3fc !important; } #sheet.theme-dark #sheetViewport { background: #090b0e; } #sheet.theme-dark .sheet-bg { fill: #14171d !important; } #sheet.theme-dark .sheet-border-outer, #sheet.theme-dark .sheet-border-inner, #sheet.theme-dark .sheet-title-line, #sheet.theme-dark .sheet-meta-line { stroke: #374151 !important; } #sheet.theme-dark .sheet-title-text { fill: #f3f4f6 !important; } #sheet.theme-dark .sheet-note-text, #sheet.theme-dark .sheet-scale-text, #sheet.theme-dark .sheet-ver-text { fill: #9ca3af !important; } /* 浮动工具条 */ #sheetFloatBar { position: absolute; right: 14px; top: 14px; display: flex; flex-direction: column; gap: 5px; z-index: 25; } .sfb-btn { background: rgba(23, 26, 33, 0.88); backdrop-filter: blur(8px); color: var(--tx); border: 1px solid rgba(255,255,255,.12); border-radius: 6px; padding: 6px 10px; font-size: 11.5px; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,.35); display: flex; align-items: center; justify-content: center; min-width: 36px; transition: all .15s ease; } .sfb-btn:hover { background: #1e3a66; border-color: var(--ac); color: #fff; transform: translateY(-1px); } /* 缩放指示徽标 */ #sheetZoomBadge { position: absolute; right: 14px; bottom: 12px; background: rgba(15, 17, 21, 0.82); backdrop-filter: blur(6px); border: 1px solid var(--line); color: var(--dim); font-size: 11px; padding: 3px 8px; border-radius: 4px; font-variant-numeric: tabular-nums; cursor: pointer; z-index: 20; } #sheetZoomBadge:hover { color: var(--ac); border-color: var(--ac); } /* 信息条 */ #sheetInfoBar { position: absolute; left: 14px; bottom: 12px; max-width: 70%; background: rgba(15, 17, 21, 0.85); backdrop-filter: blur(6px); border: 1px solid var(--line); border-radius: 5px; padding: 4px 10px; font-size: 11.5px; color: var(--dim); z-index: 20; display: flex; align-items: center; gap: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #sheetInfoBar b { color: var(--tx); } .sheet-info-sep { color: var(--line); }