/* =================================================================
🚀 Infinity Science: 投稿系统专属深海极客主题 (纯 CSS 版)
注意：必须大量使用 !important 来压制 Vue 机器人的默认内联样式
================================================================= */

/* ---- 1. 强行改变全屏底色为深海蓝点阵 ---- */
body.pkp_page_submission {
background-color: #0f172a !important;
background-image: radial-gradient(#1e293b 1px, transparent 1px) !important;
background-size: 20px 20px !important;
color: #cbd5e1 !important;
}

/* ---- 2. 抹除原有的灰白主体背景 ---- */
body.pkp_page_submission .app__main,
body.pkp_page_submission .pkp_structure_main {
background: transparent !important;
}

/* ---- 3. 顶部大标题更换为衬线体并居中白色显示 ---- */
body.pkp_page_submission .app__pageHeading,
body.pkp_page_submission h1 {
color: #ffffff !important;
font-family: 'Merriweather', 'Times New Roman', serif !important;
font-weight: 800 !important;
text-align: center !important;
font-size: 2.2rem !important;
text-shadow: 0 4px 15px rgba(0,0,0,0.4) !important;
margin-bottom: 30px !important;
}

/* ---- 4. 重塑中间的表单白卡，变为半透明悬浮暗卡 ---- */
body.pkp_page_submission .submissionWizard__step,
body.pkp_page_submission .pkpPanel {
background: rgba(30, 41, 59, 0.85) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border: 1px solid rgba(14, 165, 233, 0.3) !important;
border-radius: 16px !important;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
padding: 40px !important;
color: #cbd5e1 !important;
}

/* ---- 5. 抹除内部表单的多余边框和底色 ---- */
body.pkp_page_submission .pkpForm {
background: transparent !important;
border: none !important;
}

/* ---- 6. 文字颜色与小标题提亮 ---- */
body.pkp_page_submission h2,
body.pkp_page_submission h3,
body.pkp_page_submission .pkpFormGroup__heading {
color: #f8fafc !important;
border-bottom: 1px solid rgba(255,255,255,0.1) !important;
padding-bottom: 10px !important;
}

body.pkp_page_submission p,
body.pkp_page_submission span,
body.pkp_page_submission .pkpFormField__description {
color: #94a3b8 !important;
line-height: 1.7 !important;
}

body.pkp_page_submission .pkpFormFieldLabel {
color: #e2e8f0 !important;
font-weight: 600 !important;
}

/* 必填星号变亮红 */
body.pkp_page_submission .req {
color: #ef4444 !important;
}

/* ---- 7. 输入框极客黑化 ---- */
body.pkp_page_submission input[type="text"],
body.pkp_page_submission input[type="email"],
body.pkp_page_submission textarea,
body.pkp_page_submission select {
background: #0b1120 !important;
border: 2px solid #334155 !important;
color: #f8fafc !important;
border-radius: 8px !important;
padding: 12px 15px !important;
transition: all 0.3s ease !important;
width: 100% !important;
box-sizing: border-box !important;
}

body.pkp_page_submission input:focus,
body.pkp_page_submission textarea:focus,
body.pkp_page_submission select:focus {
border-color: #0ea5e9 !important;
box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2) !important;
outline: none !important;
background: #0f172a !important;
}

/* ---- 8. 隐私协议区块美化 ---- */
body.pkp_page_submission fieldset {
border: 1px solid #334155 !important;
border-radius: 8px !important;
padding: 20px !important;
}

body.pkp_page_submission legend {
background: rgba(30, 41, 59, 1) !important;
color: #38bdf8 !important;
padding: 0 10px !important;
font-weight: 600 !important;
}

body.pkp_page_submission a {
color: #38bdf8 !important;
text-decoration: none !important;
}
body.pkp_page_submission a:hover {
text-decoration: underline !important;
}

/* ---- 9. 底部主干按钮质感提升 ---- */
body.pkp_page_submission .pkpButton--primary {
background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%) !important;
border: none !important;
color: #ffffff !important;
font-weight: 700 !important;
padding: 12px 30px !important;
border-radius: 30px !important;
box-shadow: 0 10px 20px rgba(14, 165, 233, 0.3) !important;
transition: all 0.3s ease !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
}

body.pkp_page_submission .pkpButton--primary:hover {
transform: translateY(-2px) !important;
box-shadow: 0 15px 25px rgba(14, 165, 233, 0.5) !important;
}