/* ===== 社区页白色主题（覆盖 style.css 深色配色，仅 fcde 子页面引入） =====
   v1.1.3 - 全面扫描修复漏改：multi-agent 三角色、agent-feat、strategy（L1/L2/L3）、
            install-onboard、competition 对比表、cta 行动召唤、doc-card 文档卡
   v1.1.2 - 继续修复浅色背景下文字看不清（vs-card 对比卡、pricing 价格卡、按钮）
   v1.1.1 - 修复痛点卡片（.pain-card）文字看不清问题
   v1.1.0 - 扩展为统一 fcde 全站浅色主题（index/admin/topic/404 + community）
*/

/* 基础 */
body,.community-body{background:#f6f8fb;color:#1e293b}

/* ===== 导航栏 ===== */
.navbar.scrolled{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(15,23,42,.08)}
.nav-logo{color:#0f172a}
.nav-links a{color:#475569}
.nav-links a:hover,.nav-links a.active{color:#0f172a}
.nav-links a.active{position:relative}
.nav-links a.active::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(90deg,#2563eb,#0284c7);border-radius:2px}
.lang-toggle{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.12);color:#475569}
.lang-toggle:hover{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.3);color:#2563eb}
.mobile-menu-btn span{background:#334155}
.nav-avatar-btn{color:#475569}
.nav-avatar-btn:hover{color:#0f172a}
.nav-user-menu{background:#fff;border:1px solid rgba(15,23,42,.1);box-shadow:0 16px 40px rgba(15,23,42,.12)}
.nav-user-name{color:#0f172a}
.nav-user-email{color:#64748b}
.nav-user-menu-divider{background:rgba(15,23,42,.08)}
.nav-menu-item{color:#1e293b}
.nav-menu-item:hover{background:rgba(15,23,42,.05);color:#0f172a}
#btnLogout:hover{background:rgba(239,68,68,.08);color:#dc2626}

/* ===== 页头（参考 Trae 社区风格，浅色渐变 + 点阵 + 光晕） ===== */
.community-hero{background:#eaeef8}

/* ===== 主面板 / 侧栏卡片 ===== */
.community-panel,.side-card{background:#fff;border-color:rgba(15,23,42,.08);box-shadow:0 2px 16px rgba(15,23,42,.05)}
.panel-head{border-bottom-color:rgba(15,23,42,.06)}
.panel-head h2{color:#0f172a}
.side-card-head{border-bottom-color:rgba(15,23,42,.06);color:#0f172a}
.side-card-head svg{color:#2563eb}
.side-guide li{color:#475569}

/* ===== 侧栏分类菜单 ===== */
.cat-side{color:#475569}
.cat-side:hover{background:#f1f5f9;color:#0f172a}
.cat-side.active{background:#e0f2fe;color:#0284c7}
.cat-side-count{background:#f1f5f9;color:#64748b}
.cat-side.active .cat-side-count{background:#bae6fd;color:#0369a1}
.cat-side-divider{background:rgba(15,23,42,.08)}

/* ===== 论坛表格 ===== */
.topic-table-head{color:#64748b;background:#f8fafc;border-bottom-color:rgba(15,23,42,.08)}
.topic-row{border-bottom-color:rgba(15,23,42,.05)}
.topic-row:hover{background:#f0f7ff}
.topic-title{color:#1e293b}
.topic-row:hover .topic-title{color:#0f172a}
.topic-excerpt{color:#64748b}
.topic-mobile{color:#64748b;background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.08)}
.topic-num{color:#475569}
.topic-num-active{color:#0284c7}
.topic-num-dim{color:#94a3b8}
.topic-time{color:#64748b}
.topic-time b{color:#475569}
.issue-empty{color:#94a3b8}
.list-nomore{color:#94a3b8}

/* ===== 徽章 ===== */
.issue-cat-bug{background:#fee2e2;color:#dc2626;border-color:#fecaca}
.issue-cat-usage{background:#e0f2fe;color:#0284c7;border-color:#bae6fd}
.issue-cat-subscription{background:#fef3c7;color:#d97706;border-color:#fde68a}
.issue-cat-model{background:#ede9fe;color:#7c3aed;border-color:#ddd6fe}
.issue-cat-suggestion{background:#dcfce7;color:#16a34a;border-color:#bbf7d0}
.issue-status-0{background:#fef3c7;color:#d97706;border-color:#fde68a}
.issue-status-1{background:#e0f2fe;color:#0284c7;border-color:#bae6fd}
.issue-status-2{background:#dcfce7;color:#16a34a;border-color:#bbf7d0}
.issue-status-3{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}

/* ===== 列表内容 ===== */
.issue-imgs a{border-color:rgba(15,23,42,.08)}
.issue-att{color:#0369a1;background:rgba(56,189,248,.08);border-color:rgba(56,189,248,.25)}
.issue-att:hover{background:rgba(56,189,248,.14);border-color:rgba(56,189,248,.5);color:#075985}
.issue-reply{background:rgba(16,185,129,.07);border-left-color:#10b981}
.issue-reply-tag{color:#064e3b;background:#34d399}
.issue-reply-text{color:#065f46}
.issue-reply-meta{color:#059669}

/* ===== 表单 ===== */
.form-group label{color:#475569}
.form-group textarea,.form-group input[type="text"]{background:#fff;border-color:rgba(15,23,42,.12);color:#1e293b}
.form-group textarea::placeholder,.form-group input[type="text"]::placeholder{color:#94a3b8}
.form-counter{color:#64748b}
.cat-btn{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.1);color:#475569}
.cat-btn:hover{color:#0f172a;border-color:rgba(15,23,42,.22)}
.cat-btn.active{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.4);color:#2563eb}
.img-upload-btn{color:#2563eb;background:rgba(59,130,246,.07);border-color:rgba(59,130,246,.35)}
.img-upload-btn:hover{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.55)}
.img-preview-item{border-color:rgba(15,23,42,.1)}
.att-item{background:rgba(15,23,42,.025);border-color:rgba(15,23,42,.08)}
.att-info{color:#1e293b}
.att-remove{background:rgba(148,163,184,.18);color:#475569}
.form-msg{color:#64748b}
.form-msg-success{color:#059669}
.form-msg-error{color:#dc2626}
.btn-secondary{background:rgba(15,23,42,.05);color:#1e293b;border-color:rgba(15,23,42,.12)}
.btn-secondary:hover{background:rgba(15,23,42,.09);border-color:rgba(15,23,42,.2)}
.btn-ghost{color:#1e293b;border-color:rgba(15,23,42,.18)}
.btn-ghost:hover{background:rgba(15,23,42,.05);border-color:rgba(15,23,42,.28)}

/* ===== 弹窗 ===== */
.modal-mask{background:rgba(15,23,42,.45)}
.modal-dialog{background:#fff;border-color:rgba(15,23,42,.1);box-shadow:0 24px 64px rgba(15,23,42,.18)}
.modal-head{border-bottom-color:rgba(15,23,42,.08)}
.modal-close{background:rgba(15,23,42,.06);color:#64748b}
.modal-close:hover{background:rgba(239,68,68,.12);color:#dc2626}
.modal-foot{border-top-color:rgba(15,23,42,.08)}

/* ===== 话题详情弹窗楼层（浅色） ===== */
.topic-detail-body .floor-main{background:#f8fafc;border-color:#e2e8f0}
.topic-detail-body .floor-head{color:#0f172a}
.topic-detail-body .floor-name{color:#0f172a}
.topic-detail-body .floor-content{color:#334155}
/* 标题 h1/h2/h3：浅色主题下必须用深色文字，否则浅底白字看不清 */
.topic-detail-body .floor-content h1,
.topic-detail-body .floor-content h2,
.topic-detail-body .floor-content h3{color:#0f172a}
.topic-detail-body .floor-official{background:#f0f9ff;border-color:#bae6fd}
.topic-detail-body .floor-official-text{color:#0c4a6e}
.topic-detail-body .floor-official-meta{color:#0284c7}
.topic-detail-body .floor-tag{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}
.topic-detail-body .floor-admin-tag{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}

/* ===== 话题详情页（独立页面，浅色） ===== */
.topic-back{color:#64748b;background:rgba(15,23,42,.05);border-color:rgba(15,23,42,.1)}
.topic-back:hover{color:#2563eb;background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.35)}
.floor-item{background:#fff;border-color:#e2e8f0}
.floor-item:hover{border-color:#cbd5e1}
.floor-no{background:#f1f5f9;border-color:#e2e8f0}
.floor-no b{color:#475569}
.floor-no span{color:#94a3b8}
.floor-name{color:#1e293b}
.floor-time{color:#94a3b8}
.floor-quote{background:#f8fafc;color:#64748b}
.floor-text{color:#334155}
.floor-reply-btn{color:#94a3b8}
.floor-reply-btn:hover{color:#6366f1;background:rgba(99,102,241,.08)}
.floor-children{border-top-color:#e2e8f0}
.floor-child{border-top-color:#e2e8f0}
.floor-children-toggle{color:#94a3b8}
.floor-children-toggle:hover{color:#6366f1;background:rgba(99,102,241,.08)}
.floor-empty{color:#94a3b8;border-color:#e2e8f0}
.reply-box{background:#fff;border-color:#e2e8f0}
.reply-quote{background:#eef2ff;border-color:#c7d2fe}
.reply-quote-tag{color:#4f46e5;background:#e0e7ff}
.reply-quote-text{color:#64748b}
.reply-box textarea{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}
.reply-box textarea:focus{border-color:#6366f1}
.reply-login-tip{color:#ef4444}

/* ===== 页脚 ===== */
.footer{border-top-color:rgba(15,23,42,.08)}
.footer-logo{color:#0f172a}
.footer-desc{color:#64748b}
.footer-col h4{color:#475569}
.footer-col a{color:#64748b}
.footer-col a:hover{color:#0f172a}
.footer-bottom{border-top-color:rgba(15,23,42,.08)}
.footer-bottom p{color:#94a3b8}

/* ===== 首页 Hero 区域（浅色） ===== */
.hero{background:#f6f8fb}
.hero-grid{background-image:linear-gradient(rgba(59,130,246,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.06) 1px,transparent 1px)}
.hero-glow{opacity:.12}
.hero-badge{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.25);color:#1d4ed8}
.hero-title{color:#0f172a}
.hero-subtitle{color:#475569}
.hero-terminal{background:#0d1117;border-color:rgba(15,23,42,.18);box-shadow:0 20px 60px rgba(15,23,42,.12),0 0 40px rgba(59,130,246,.05)}
.terminal-header{background:rgba(255,255,255,.04);border-bottom-color:rgba(255,255,255,.08)}

/* ===== 首页 Section 通用（浅色） ===== */
.section-badge{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.18);color:#1d4ed8}
.section-title{color:#0f172a}
.section-desc{color:#475569}

/* ===== Pain Points 痛点卡片（浅色） ===== */
.pain-points{background:transparent}
.pain-card{background:#fff;border:1px solid rgba(239,68,68,.18);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.pain-card:hover{background:#fff;border-color:rgba(239,68,68,.35);box-shadow:0 8px 24px rgba(239,68,68,.08)}
.pain-num{color:rgba(239,68,68,.55)}
.pain-card h3{color:#0f172a}
.pain-card p{color:#475569}

/* ===== Hard Rules 对比卡（浅色） ===== */
.hard-rules{background:transparent}
.vs-card{background:#fff;border-color:rgba(15,23,42,.08);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.vs-card-bad{background:#fff;border-color:rgba(239,68,68,.2)}
.vs-card-good{background:#fff;border-color:rgba(34,197,94,.2)}
.vs-card h3{color:#0f172a}
.vs-card li{color:#475569}
.vs-card li::before{color:#94a3b8}

/* ===== Features 卡片（浅色） ===== */
.features{background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,.03) 50%,transparent 100%)}
.feature-card{background:#fff;border-color:rgba(15,23,42,.06);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.feature-card:hover{background:#fff;border-color:rgba(59,130,246,.25);box-shadow:0 12px 40px rgba(15,23,42,.08)}
.feature-card h3{color:#0f172a}
.feature-card p{color:#64748b}
.feature-icon{background:rgba(59,130,246,.1);color:#2563eb}
.feature-card:hover .feature-icon{background:rgba(59,130,246,.18);color:#1d4ed8}

/* ===== Trusted 区（浅色） ===== */
.trusted{border-bottom-color:rgba(15,23,42,.06)}
.trusted-label{color:#94a3b8}
.trusted-item{color:#94a3b8}

/* ===== Tools 表格（浅色） ===== */
.tools-table-wrapper{background:#fff;border-color:rgba(15,23,42,.08);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.tools-table th{background:rgba(15,23,42,.025);color:#64748b;border-bottom-color:rgba(15,23,42,.06)}
.tools-table td{color:#334155;border-bottom-color:rgba(15,23,42,.05)}
.tools-table tr:hover td{background:rgba(59,130,246,.04)}
.tools-table td code{background:rgba(59,130,246,.1);color:#1d4ed8}

/* ===== Platforms 卡片（浅色） ===== */
.platforms-card,.platform-card{background:#fff;border-color:rgba(15,23,42,.06);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.platform-card:hover{background:#fff;border-color:rgba(59,130,246,.18);box-shadow:0 12px 40px rgba(15,23,42,.08)}
.platform-card h3{color:#0f172a}
.platform-card>p{color:#64748b}
.platform-tags li{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.06);color:#64748b}

/* ===== Workflow（浅色） =====
   v1.1.6 - 步骤数字改为大号蓝色字体，置于图标正上方居中，
            不再用背景徽章（v1.1.5 圆形徽章太小且靠左上不够美观）
   v1.1.4 - 修复 step-icon 模糊滤镜导致的"幽灵影子"问题
*/
.workflow-step{position:relative;padding-top:8px}
.workflow-step h3{color:#0f172a}
.workflow-step p{color:#64748b}
.workflow-steps{gap:24px}
.step-icon{background:#fff !important;border:1px solid rgba(59,130,246,.25) !important;color:#2563eb !important;box-shadow:0 4px 12px rgba(59,130,246,.08) !important;filter:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;position:relative !important;z-index:2 !important;overflow:hidden !important}
.step-icon:hover{background:rgba(59,130,246,.06) !important;border-color:rgba(59,130,246,.45) !important;box-shadow:0 8px 20px rgba(59,130,246,.12) !important}
.step-icon svg{color:#2563eb !important;filter:none !important}
/* 清除 step-icon 伪元素的全局模糊滤镜 */
body .workflow-step .step-icon::before,body .workflow-step .step-icon::after{content:'' !important;background:transparent !important;background-image:none !important;filter:none !important;-webkit-filter:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;opacity:0 !important;display:none !important;width:0 !important;height:0 !important;inset:auto !important;position:static !important}
/* 步骤数字：大号蓝色粗体，置于 step-icon 正上方居中 */
.step-number{position:static !important;display:block !important;width:auto !important;height:auto !important;font-size:24px !important;font-weight:800 !important;line-height:1 !important;color:#2563eb !important;background:transparent !important;border:none !important;border-radius:0 !important;box-shadow:none !important;transform:none !important;margin:0 auto 12px !important;padding:0 !important;letter-spacing:.02em !important;pointer-events:none;text-align:center !important}
body .workflow-step .step-number::before,body .workflow-step .step-number::after{content:'' !important;background:transparent !important;background-image:none !important;filter:none !important;opacity:0 !important;display:none !important;width:0 !important;height:0 !important;inset:auto !important;position:static !important}
/* 兜底：针对 workflow 内所有元素的伪元素 */
body .workflow-step *::before,body .workflow-step *::after{content:'' !important;background:transparent !important;background-image:none !important;filter:none !important;-webkit-filter:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;opacity:0 !important}

/* ===== Skills 卡片（浅色） ===== */
.skill-card{background:#fff;border-color:rgba(15,23,42,.06);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.skill-card:hover{background:#fff;border-color:rgba(59,130,246,.22);box-shadow:0 8px 24px rgba(15,23,42,.06)}
.skill-card h3{color:#0f172a}
.skill-card p{color:#64748b}

/* ===== Config（浅色，代码块保留深色） ===== */
.config-code{background:#0d1117;border-color:rgba(15,23,42,.18);box-shadow:0 4px 16px rgba(15,23,42,.08)}
.code-header{background:rgba(255,255,255,.04);border-bottom-color:rgba(255,255,255,.08)}
.code-filename{color:#94a3b8}
.config-feature{color:#334155}

/* ===== Install（浅色，终端保留深色） ===== */
.install-terminal{background:#0d1117;border-color:rgba(15,23,42,.18);box-shadow:0 4px 16px rgba(15,23,42,.08)}
.install-terminal-header{background:rgba(255,255,255,.04);border-bottom-color:rgba(255,255,255,.08)}
.install-terminal-label{color:#94a3b8}
.install-os-btn{color:#94a3b8}
.install-os-btn:hover{color:#0f172a}
.install-os-btn.active{color:#1d4ed8}

/* ===== Pricing 价格卡片（浅色） ===== */
.pricing{background:transparent}
.pricing-card{background:#fff;border-color:rgba(15,23,42,.08);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.pricing-card:hover{background:#fff;border-color:rgba(59,130,246,.25);box-shadow:0 12px 40px rgba(15,23,42,.08)}
.pricing-card-featured{background:#fff;border-color:rgba(59,130,246,.35);box-shadow:0 4px 16px rgba(59,130,246,.12)}
.pricing-header h3{color:#0f172a}
.pricing-target{color:#64748b}
.pricing-price{color:#0f172a}
.pricing-price small{color:#64748b}
.pricing-list li{color:#475569;border-bottom-color:rgba(15,23,42,.06)}

/* ===== 通用按钮浅色（次要按钮） ===== */
.btn-secondary{background:rgba(15,23,42,.04);color:#1e293b;border-color:rgba(15,23,42,.1)}
.btn-secondary:hover{background:rgba(15,23,42,.08);border-color:rgba(15,23,42,.2)}
.btn-ghost{background:transparent;color:#1e293b;border-color:rgba(15,23,42,.15)}
.btn-ghost:hover{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.25)}
.lang-toggle{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.1);color:#475569}
.lang-toggle:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#1d4ed8}

/* ===== Multi-Agent 团队协作（浅色） ===== */
.multi-agent{background:transparent}
.agent-role{background:#fff;border-color:rgba(15,23,42,.08);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.agent-role:hover{background:#fff;border-color:rgba(59,130,246,.25);box-shadow:0 8px 24px rgba(15,23,42,.06)}
.agent-role h3{color:#0f172a}
.agent-role p{color:#475569}
.role-label{color:#1d4ed8;background:rgba(59,130,246,.12)}
.agent-arrow span{color:rgba(59,130,246,.7)}
.agent-feat{background:#fff;border-color:rgba(15,23,42,.06);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.agent-feat h4{color:#0f172a}
.agent-feat p{color:#475569}

/* ===== 战略跃迁（strategy） ===== */
.strategy-steps{background:transparent}
.strategy-step{background:#fff;border-color:rgba(15,23,42,.08);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.strategy-step:hover{background:#fff;border-color:rgba(59,130,246,.25);box-shadow:0 8px 24px rgba(15,23,42,.06)}
.strategy-step h3{color:#0f172a}
.strategy-step p{color:#475569}
.strategy-arrow-up{color:rgba(59,130,246,.7)}
.strategy-moat{background:rgba(59,130,246,.06);border-color:rgba(59,130,246,.2)}
.strategy-moat p{color:#475569}
.strategy-moat strong{color:#1d4ed8}

/* ===== Install 安装区（onboard 列表 + 步骤） ===== */
.install-onboard h3{color:#0f172a}
.install-onboard>p{color:#475569}
.onboard-list li{color:#475569}
.onboard-list li::before{background:rgba(59,130,246,.7)}

/* ===== Competition 竞争对比表 ===== */
.competition-table th{color:#64748b;background:rgba(15,23,42,.025);border-bottom-color:rgba(15,23,42,.06)}
.competition-table td{color:#334155;border-bottom-color:rgba(15,23,42,.05)}
.competition-table td:first-child{color:#0f172a}
.competition-table .highlight-col{color:#1d4ed8}
.competition-table .bad{color:#dc2626}
.competition-table .partial{color:#d97706}
.competition-table .good{color:#16a34a}

/* ===== CTA 行动召唤区 ===== */
.cta-section{background:transparent}
.cta-card{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border-color:rgba(59,130,246,.25);box-shadow:0 12px 40px rgba(59,130,246,.08)}
.cta-card h2{color:#0f172a}
.cta-card p{color:#475569}

/* ===== Docs 文档卡（浅色） ===== */
.docs-card .docs-desc,.doc-card p{color:#475569}

/* ===== Docs 卡片（浅色） ===== */
.docs-card{background:#fff;border-color:rgba(15,23,42,.08);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.docs-card:hover{border-color:rgba(59,130,246,.3);box-shadow:0 8px 24px rgba(15,23,42,.06)}
.docs-card h3{color:#0f172a}
.docs-card p{color:#64748b}

/* ===== Doc-card 文档卡（浅色，HTML 实际类名） ===== */
.doc-card{background:#fff;border-color:rgba(15,23,42,.08);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.doc-card:hover{background:#fff;border-color:rgba(59,130,246,.25);box-shadow:0 12px 40px rgba(15,23,42,.08)}
.doc-card h3{color:#0f172a}
.doc-card p{color:#475569}

/* ===== Admin 管理面板（浅色） ===== */
.admin-wrap{background:#fff;border-color:rgba(15,23,42,.08);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.admin-head h1{color:#0f172a}
.admin-head p{color:#64748b}
.admin-stat{background:#fff;border-color:rgba(15,23,42,.08);color:#334155}
.admin-stat b{color:#0f172a}
.admin-table{background:#fff;border-color:rgba(15,23,42,.08)}
.admin-table th{background:rgba(15,23,42,.025);color:#64748b;border-bottom-color:rgba(15,23,42,.06)}
.admin-table td{color:#334155;border-bottom-color:rgba(15,23,42,.05)}
.admin-table tr:hover td{background:rgba(59,130,246,.04)}
.admin-tabs{background:#fff;border-color:rgba(15,23,42,.08)}
.admin-tab{color:#64748b}
.admin-tab:hover{color:#0f172a}
.admin-tab.active{color:#1d4ed8;border-bottom-color:#3b82f6}

/* ===== 404 页面（浅色） ===== */
.error-wrap{background:#f6f8fb;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px}
.error-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;box-shadow:0 24px 60px rgba(15,23,42,.08);padding:60px 48px;text-align:center;max-width:560px;width:100%}
.error-code{font-size:96px;font-weight:900;line-height:1;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}
.error-title{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:12px}
.error-desc{font-size:15px;color:#64748b;line-height:1.7;margin-bottom:32px}
.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ===== 通用页面元素 ===== */
::selection{background:rgba(59,130,246,.18);color:#0f172a}