/* --------------------------------------------------
   WeModel Sovereign IDE Style 2.0
   -------------------------------------------------- */

body { 
    background-color: #ffffff; 
    color: #475569; 
    overflow-x: hidden; 
    -webkit-font-smoothing: antialiased; 
    min-height: 100vh;
    overscroll-behavior: none;
}

/* 解决底部白边问题 - 确保页面底部颜色与footer一致 */
html { 
    background-color: #020617; 
    min-height: 100%;
    overscroll-behavior: none;
}

/* 蓝图格栅背景 */
.blueprint-grid { 
    background-image: linear-gradient(rgba(0, 98, 255, 0.04) 1px, transparent 1px), 
                      linear-gradient(90deg, rgba(0, 98, 255, 0.04) 1px, transparent 1px);
    background-size: 40px 40px;
}

/* 核心 Logo 修正 (防止斜体裁剪) */
/* 核心图标容器：确保物理尺寸绝对固定 */
.icon-box { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    width: 40px; 
    height: 40px; 
    flex-shrink: 0; /* 极其重要：防止图标被文字挤压 */
    border-radius: 10px; 
    background-color: #f1f5f9; 
    color: #64748b; 
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); 
}

/* 导航项容器：确保左右边距对齐 */
.dropdown-item {
    display: flex;
    padding: 1rem;
    gap: 1rem; /* 统一图标与文字的间距 */
    border-radius: 1rem;
    transition: all 0.2s;
}

.dropdown-item:hover {
    background-color: #f8fafc;
}

.dropdown-item:hover .icon-box {
    background-color: #e2e8f0;
    color: #0062ff;
    transform: scale(1.05);
}

.dropdown-item:hover .item-title {
    color: #0062ff;
}

/* 针对 Lucide 图标的全局尺寸锁定 */
svg.lucide {
    width: 20px;
    height: 20px;
    stroke-width: 2px;
}

/* 修正后的 Logo 样式 */
.wm-logo-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 28px;
    flex-shrink: 0;
    background-color: #0062ff;
    color: white;
    border-radius: 4px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 800;
    font-style: italic;
    font-size: 16px;
    letter-spacing: -0.5px;
    padding-right: 2px; 
}

/* 渐变文字修复：解决“产”字显示不全 */
.text-gradient { 
    background: linear-gradient(135deg, #475569 30%, #0062ff 100%); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    padding-right: 0.2em; /* 关键：为斜体留出渲染空间 */
}

/* 导航下拉 */
.dropdown-menu { 
    opacity: 0; 
    transform: translateY(10px); 
    pointer-events: none; 
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); 
}
.nav-item:hover .dropdown-menu { 
    opacity: 1; 
    transform: translateY(0); 
    pointer-events: auto; 
}

/* --- 解决方案菜单：右侧海报特技 --- */

/* 初始倾斜状态 */
.poster-card {
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    /* 核心：设定初始旋转角度与位移 */
    transform: rotate(-12deg) translateY(20px) translateX(30px);
    box-shadow: -20px 20px 50px rgba(0,0,0,0.15);
    z-index: 10;
}

/* 鼠标划入菜单时：海报产生“回正”的动态反馈 */
.cta-panel:hover .poster-card {
    transform: rotate(-6deg) translateY(10px) translateX(10px);
    box-shadow: -30px 30px 60px rgba(0,0,0,0.2);
}

/* 确保右侧面板不会被倾斜的海报撑开变形 */
.cta-panel {
    position: relative;
    overflow: hidden; /* 关键：隐藏超出边框的部分 */
}

/* 海报上的 HUD 文字修正 */
.poster-hud-text {
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

/* 工业级卡片：增加平滑度 */
.solution-card { 
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); 
    border: 1px solid #e2e8f0; 
}
.solution-card:hover { 
    transform: translateY(-8px); 
    box-shadow: 0 30px 60px -12px rgba(0, 98, 255, 0.15); 
    border-color: #0062ff; 
}

/* 流程轨道动效 */
.process-track { position: relative; }
.process-track::before { 
    content: ''; position: absolute; top: 32px; left: 0; right: 0; 
    height: 1px; background: #e2e8f0; z-index: 0;
}
.flow-dot {
    position: absolute; top: 31px; left: 0; width: 60px; height: 3px;
    background: linear-gradient(90deg, transparent, #0062ff, transparent);
    animation: flow 3s infinite linear;
}
@keyframes flow { 0% { left: 0%; } 100% { left: 100%; } }

/* 机密卡片风格 */
.classified-card {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border: 1px solid rgba(0, 98, 255, 0.1);
    position: relative;
    overflow: hidden;
}

/* 徽章类 */
.patent-badge { 
    background: #0f172a; 
    color: #0062ff; 
    font-family: 'JetBrains Mono', monospace; 
    font-size: 9px; 
    padding: 2px 8px; 
    border-radius: 4px; 
    border: 1px solid #0062ff; 
    font-weight: 700; 
    text-transform: uppercase; 
}

/* 解决图片闪烁线 */
.img-container { line-height: 0; overflow: hidden; }
.img-container img { display: block; width: 100%; }