/* --- START OF FILE jf.css --- */

body {
    font-family: 'Noto Sans SC', sans-serif;
    background-color: #f3f4f6;
}

/* 确保数字和时间等宽 */
.font-mono {
    font-family: 'JetBrains Mono', 'Courier New', Courier, monospace;
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.paper-shadow {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

input:focus, select:focus {
    outline: none;
    border-color: #111827;
    box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.1);
}

[v-cloak] { display: none; }

/* 底部弹窗动画 */
.slide-up-enter-active,
.slide-up-leave-active {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.slide-up-enter-from,
.slide-up-leave-to {
    opacity: 0;
    transform: translate(-50%, 20px);
}

/* =========================================
   核心修复：针对 html2canvas 的导出样式覆盖
   ========================================= */

/* 1. 修复图片/图标引起的布局塌陷 (豆包建议) */
#quote-card-export img,
#quote-card-export svg,
#quote-card-export i {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* 2. 修复文字垂直偏移 (核心)
   Tailwind 默认的 leading-none 会导致 canvas 渲染时文字偏上。
   这里强制设为 normal 或 1.2，给文字留出基线空间。 */
#quote-card-export * {
    line-height: 1.4 !important; /* 稍微宽松一点的行高，防止切头 */
    text-rendering: geometricPrecision !important; /* 提高字体渲染精度 */
    font-feature-settings: "tnum"; /* 开启等宽数字 */
}

/* 3. 特殊修正：针对大号数字，稍微调紧一点，但不要用 leading-none */
#quote-card-export .text-5xl,
#quote-card-export .text-4xl,
#quote-card-export .text-3xl,
#quote-card-export .text-2xl {
    line-height: 1.1 !important;
}

/* 4. 修正圆点列表的位置 */
#quote-card-export ul {
    list-style-position: inside !important; /* 让点在盒子内部，避免canvas切掉 */
}