/* ============================================================
   DXF 图纸合并 - 深空玻璃暗色覆盖层
   加载顺序：style.css 之后引入，变量翻转 + 补丁写死浅色
   ============================================================ */

:root {
    --brand: #6f9bff;
    --brand-2: #4c6fff;
    --brand-soft: rgba(111, 155, 255, 0.14);
    --brand-ink: #e8eeff;
    --bg: transparent;
    --bg-2: rgba(255, 255, 255, 0.04);
    --card: rgba(16, 22, 44, 0.72);
    --text: #e6ebf7;
    --text-soft: #a6b1cf;
    --text-mute: #7683a6;
    --line: rgba(255, 255, 255, 0.09);
    --line-strong: rgba(255, 255, 255, 0.16);
    --ok: #4ade9d;
    --ok-soft: rgba(74, 222, 157, 0.12);
    --warn: #fbbf5d;
    --warn-soft: rgba(251, 191, 93, 0.10);
    --err: #ff7b7b;
    --err-soft: rgba(255, 123, 123, 0.12);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.30), 0 1px 1px rgba(0, 0, 0, 0.20);
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.35), 0 2px 6px rgba(0, 0, 0, 0.25);
    --shadow-lg: 0 30px 60px rgba(0, 0, 0, 0.45), 0 6px 16px rgba(0, 0, 0, 0.30);
}

body {
    background: transparent;
    color: var(--text);
}

/* 卡片玻璃化 */
.card {
    background: var(--card);
    backdrop-filter: blur(16px) saturate(1.15);
    -webkit-backdrop-filter: blur(16px) saturate(1.15);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* 顶部品牌区压深融入背景 */
.brand-hero {
    background:
      radial-gradient(1200px 400px at 85% -10%, rgba(76, 111, 255, 0.20), transparent 60%),
      radial-gradient(900px 360px at -10% 10%, rgba(154, 107, 255, 0.14), transparent 60%),
      linear-gradient(180deg, rgba(10, 15, 32, 0.60) 0%, rgba(13, 22, 52, 0.55) 60%, rgba(16, 30, 72, 0.50) 100%);
}

/* 拖放区 */
.drop-zone {
    border-color: rgba(255, 255, 255, 0.16);
    background:
      radial-gradient(600px 120px at 50% 100%, rgba(111, 155, 255, 0.10), transparent 65%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
}
.drop-zone:hover {
    border-color: var(--brand);
    background:
      radial-gradient(600px 120px at 50% 100%, rgba(111, 155, 255, 0.16), transparent 65%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
}
.drop-zone.dragover {
    border-color: var(--brand);
    background:
      radial-gradient(600px 160px at 50% 100%, rgba(111, 155, 255, 0.22), transparent 65%),
      linear-gradient(180deg, rgba(111, 155, 255, 0.10), rgba(255, 255, 255, 0.03));
}
@keyframes darkpulse { from { box-shadow: 0 0 0 4px rgba(111,155,255,0.12); } to { box-shadow: 0 0 0 8px rgba(111,155,255,0.08); } }
.drop-zone.dragover { animation: darkpulse 900ms ease-in-out infinite alternate; }

/* 文件列表项 */
.file-item {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
}
.file-item .remove-btn:hover {
    background: rgba(255, 123, 123, 0.12);
    border-color: rgba(255, 123, 123, 0.35);
}

/* 表单控件 */
.field select,
.field .num-input {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text);
}
.field select:hover, .field .num-input:hover {
    border-color: rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.08);
}
.field select:focus, .field .num-input:focus {
    background: rgba(255, 255, 255, 0.07);
    border-color: var(--brand);
}
select option { background: #121a33; color: #e6ebf7; }

.seg-group { background: rgba(255, 255, 255, 0.04); }

/* 按钮 */
.btn-secondary {
    background: rgba(255, 255, 255, 0.06);
    color: var(--text);
}
.btn-secondary:hover {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.22);
}

/* 提示条 */
.capability-note { border-color: rgba(251, 191, 93, 0.30); }

/* 预览区（保留浅底便于看清图纸） */
.preview-shell {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
    border-color: rgba(255, 255, 255, 0.09);
}
.preview-shell::before {
    background-image:
      linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
}
.viewer-container { background: #f5f7fc; }

/* 查看器工具条（悬浮在图纸上方，用深玻璃） */
.toolbar-btn {
    background: rgba(18, 25, 50, 0.88);
    color: #dbe3f5;
    border-color: rgba(255, 255, 255, 0.14);
}
.toolbar-btn:hover {
    background: rgba(28, 37, 70, 0.92);
    border-color: rgba(255, 255, 255, 0.24);
}

/* 页脚 */
.footer-inner { border-top-color: rgba(255, 255, 255, 0.08); }

.ver-hint { color: var(--text-mute); }