/* 软件售卖平台 - 全局样式 */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; background:#f5f7fa; color:#333; line-height:1.6; }
a { text-decoration:none; color:#2563eb; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }

/* 导航 */
.navbar { background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.08); position:sticky; top:0; z-index:100; }
.navbar .container { display:flex; align-items:center; justify-content:space-between; height:64px; }
.logo { font-size:22px; font-weight:700; color:#1e293b; }
.logo span { color:#2563eb; }
.nav-links { display:flex; gap:28px; list-style:none; }
.nav-links a { color:#475569; font-weight:500; transition:color 0.2s; }
.nav-links a:hover { color:#2563eb; }
.nav-cta { background:#2563eb; color:#fff; padding:8px 20px; border-radius:6px; font-weight:500; }

/* 首页英雄区 */
.hero { background:linear-gradient(135deg,#1e3a5f 0%,#2563eb 100%); color:#fff; padding:100px 0 80px; text-align:center; }
.hero h1 { font-size:42px; margin-bottom:16px; }
.hero p { font-size:18px; opacity:0.9; max-width:600px; margin:0 auto 32px; }
.hero-btns { display:flex; gap:16px; justify-content:center; }
.btn-primary { background:#fff; color:#2563eb; padding:12px 28px; border-radius:8px; font-weight:600; }
.btn-secondary { background:rgba(255,255,255,0.15); color:#fff; padding:12px 28px; border-radius:8px; font-weight:600; border:1px solid rgba(255,255,255,0.3); }

/* 软件列表 */
.section { padding:60px 0; }
.section-title { text-align:center; font-size:32px; margin-bottom:40px; color:#1e293b; }
.products-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:24px; }
.product-card { background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 4px 15px rgba(0,0,0,0.06); transition:transform 0.2s,box-shadow 0.2s; }
.product-card:hover { transform:translateY(-4px); box-shadow:0 8px 25px rgba(0,0,0,0.1); }
.product-img { width:100%; height:200px; background:linear-gradient(135deg,#667eea 0%,#764ba2 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:48px; }
.product-info { padding:24px; }
.product-info h3 { font-size:20px; margin-bottom:8px; color:#1e293b; }
.product-info p { color:#64748b; font-size:14px; margin-bottom:16px; }
.product-meta { display:flex; justify-content:space-between; align-items:center; }
.price { font-size:24px; font-weight:700; color:#2563eb; }
.price .unit { font-size:14px; color:#94a3b8; font-weight:400; }
.btn-buy { background:#2563eb; color:#fff; padding:8px 20px; border-radius:6px; font-weight:500; }

/* 页脚 */
.footer { background:#1e293b; color:#94a3b8; padding:50px 0 24px; margin-top:60px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; margin-bottom:40px; }
.footer-brand h3 { color:#fff; margin-bottom:12px; }
.footer-brand p { font-size:14px; line-height:1.8; }
.footer-links h4 { color:#fff; margin-bottom:16px; font-size:14px; }
.footer-links ul { list-style:none; }
.footer-links li { margin-bottom:10px; }
.footer-links a { color:#94a3b8; font-size:14px; }
.footer-links a:hover { color:#fff; }
.footer-bottom { border-top:1px solid #334155; padding-top:24px; text-align:center; font-size:13px; }

/* 支持页面 */
.page-header { background:linear-gradient(135deg,#1e3a5f 0%,#2563eb 100%); color:#fff; padding:60px 0; text-align:center; }
.page-header h1 { font-size:36px; }
.support-content { background:#fff; border-radius:12px; padding:40px; margin-top:-30px; box-shadow:0 4px 20px rgba(0,0,0,0.08); }
.support-section { margin-bottom:32px; }
.support-section h2 { font-size:22px; color:#1e293b; margin-bottom:16px; padding-bottom:8px; border-bottom:2px solid #e2e8f0; }
.support-section p, .support-section li { color:#475569; line-height:1.8; }
.support-section ul { padding-left:20px; }
.support-section li { margin-bottom:8px; }
.faq-item { border:1px solid #e2e8f0; border-radius:8px; margin-bottom:12px; overflow:hidden; }
.faq-q { background:#f8fafc; padding:16px 20px; font-weight:600; color:#1e293b; cursor:pointer; }
.faq-a { padding:16px 20px; color:#475569; display:none; }
.faq-item.active .faq-a { display:block; }

/* 隐私政策 */
.privacy-content { background:#fff; border-radius:12px; padding:40px; margin-top:-30px; box-shadow:0 4px 20px rgba(0,0,0,0.08); }
.privacy-content h2 { font-size:22px; color:#1e293b; margin:28px 0 12px; }
.privacy-content h2:first-child { margin-top:0; }
.privacy-content p { color:#475569; line-height:1.8; margin-bottom:12px; }
.privacy-content ul { padding-left:24px; color:#475569; margin-bottom:12px; }
.privacy-content li { margin-bottom:6px; }

/* 联系我们 */
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:-30px; }
.contact-info { background:#fff; border-radius:12px; padding:40px; box-shadow:0 4px 20px rgba(0,0,0,0.08); }
.contact-info h2 { margin-bottom:20px; color:#1e293b; }
.contact-item { display:flex; gap:16px; margin-bottom:24px; }
.contact-item .icon { width:48px; height:48px; background:#eff6ff; border-radius:10px; display:flex; align-items:center; justify-content:center; color:#2563eb; font-size:20px; flex-shrink:0; }
.contact-item h4 { color:#1e293b; margin-bottom:4px; }
.contact-item p { color:#64748b; font-size:14px; }
.contact-form { background:#fff; border-radius:12px; padding:40px; box-shadow:0 4px 20px rgba(0,0,0,0.08); }
.form-group { margin-bottom:20px; }
.form-group label { display:block; margin-bottom:6px; color:#374151; font-weight:500; }
.form-group input, .form-group textarea { width:100%; padding:12px; border:1px solid #d1d5db; border-radius:8px; font-size:14px; }
.form-group textarea { min-height:120px; resize:vertical; }
.btn-submit { background:#2563eb; color:#fff; padding:12px 32px; border:none; border-radius:8px; font-size:16px; font-weight:600; cursor:pointer; }

/* 后台管理 */
.admin-body { background:#f1f5f9; }
.admin-layout { display:flex; min-height:100vh; }
.admin-sidebar { width:260px; background:#1e293b; color:#cbd5e1; padding:24px 0; position:fixed; height:100vh; overflow-y:auto; }
.admin-sidebar .logo { padding:0 24px 24px; color:#fff; border-bottom:1px solid #334155; }
.admin-menu { list-style:none; padding:16px 0; }
.admin-menu li { padding:12px 24px; cursor:pointer; transition:all 0.2s; }
.admin-menu li:hover, .admin-menu li.active { background:#2563eb; color:#fff; }
.admin-main { margin-left:260px; flex:1; padding:32px; }
.admin-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; }
.admin-header h1 { font-size:24px; color:#1e293b; }
.admin-card { background:#fff; border-radius:12px; padding:24px; box-shadow:0 1px 3px rgba(0,0,0,0.08); margin-bottom:24px; }
.admin-card h3 { font-size:18px; margin-bottom:16px; color:#1e293b; }
.admin-table { width:100%; border-collapse:collapse; }
.admin-table th, .admin-table td { padding:12px 16px; text-align:left; border-bottom:1px solid #e2e8f0; }
.admin-table th { background:#f8fafc; font-weight:600; color:#475569; font-size:13px; text-transform:uppercase; }
.admin-table td { color:#334155; }
.badge { padding:4px 10px; border-radius:20px; font-size:12px; font-weight:500; }
.badge-published { background:#dcfce7; color:#166534; }
.badge-draft { background:#fee2e2; color:#991b1b; }
.btn-sm { padding:6px 14px; border-radius:6px; font-size:13px; border:none; cursor:pointer; }
.btn-edit { background:#eff6ff; color:#2563eb; }
.btn-save { background:#2563eb; color:#fff; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.editor-toolbar { display:flex; gap:8px; padding:8px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px 8px 0 0; border-bottom:none; }
.editor-toolbar button { padding:4px 10px; background:#fff; border:1px solid #e2e8f0; border-radius:4px; cursor:pointer; font-size:13px; }
.editor-content { width:100%; min-height:300px; padding:16px; border:1px solid #e2e8f0; border-radius:0 0 8px 8px; font-size:14px; line-height:1.6; }

/* 产品详情 */
.product-detail { background:#fff; border-radius:12px; padding:40px; margin-top:-30px; box-shadow:0 4px 20px rgba(0,0,0,0.08); }
.product-detail-header { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-bottom:40px; }
.product-detail-img { background:linear-gradient(135deg,#667eea 0%,#764ba2 100%); border-radius:12px; height:320px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:64px; }
.product-detail-info h1 { font-size:32px; margin-bottom:12px; }
.product-detail-info .price-big { font-size:36px; color:#2563eb; font-weight:700; margin-bottom:20px; }
.product-detail-info p { color:#64748b; margin-bottom:24px; line-height:1.7; }
.detail-actions { display:flex; gap:12px; }
.detail-section { margin-bottom:32px; }
.detail-section h2 { font-size:22px; color:#1e293b; margin-bottom:16px; padding-bottom:8px; border-bottom:2px solid #e2e8f0; }
.feature-list { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.feature-item { display:flex; gap:12px; padding:16px; background:#f8fafc; border-radius:8px; }
.feature-item .icon { color:#2563eb; font-size:24px; flex-shrink:0; }
.feature-item h4 { color:#1e293b; margin-bottom:4px; }
.feature-item p { color:#64748b; font-size:14px; }
.screenshots { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.screenshot { background:#e2e8f0; border-radius:8px; height:180px; display:flex; align-items:center; justify-content:center; color:#94a3b8; }

/* 响应式 */
@media(max-width:768px) {
  .nav-links { display:none; }
  .hero h1 { font-size:28px; }
  .footer-grid { grid-template-columns:1fr; }
  .contact-grid { grid-template-columns:1fr; }
  .product-detail-header { grid-template-columns:1fr; }
  .feature-list { grid-template-columns:1fr; }
  .admin-sidebar { display:none; }
  .admin-main { margin-left:0; }
}