/* ============================================================
   中国POS办理资讯网 - 产品页样式
   ============================================================ */
.product-hero { background: linear-gradient(135deg,#c62828,#e63329); color:#fff; padding:60px 0 50px; text-align:center; }
.product-hero-title { font-size:2.2rem; font-weight:700; margin-bottom:12px; }
.product-hero-sub { font-size:1.1rem; opacity:.9; margin-bottom:32px; }
.hero-stats { display:flex; justify-content:center; gap:40px; flex-wrap:wrap; }
.stat-item { text-align:center; }
.stat-num { display:block; font-size:1.8rem; font-weight:700; }
.stat-label { font-size:.85rem; opacity:.8; }

.product-grid-section { padding:60px 0; }
.section-title { font-size:1.6rem; font-weight:700; text-align:center; margin-bottom:8px; color:#1a1a1a; }
.section-sub { text-align:center; color:#888; margin-bottom:36px; font-size:.95rem; }
.product-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:28px; }
@media(max-width:768px){.product-grid{grid-template-columns:1fr;}}

.product-card { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,.08); transition:transform .2s,box-shadow .2s; }
.product-card:hover { transform:translateY(-4px); box-shadow:0 8px 32px rgba(0,0,0,.12); }
.product-img-wrap { position:relative; background:#f5f5f5; overflow:hidden; height:220px; }
.product-img-wrap img { width:100%; height:100%; object-fit:cover; }
.product-badge { position:absolute; top:12px; right:12px; padding:4px 10px; border-radius:20px; font-size:12px; font-weight:600; }
.product-badge.hot { background:#ff4d4f; color:#fff; }
.product-badge.new { background:#52c41a; color:#fff; }
.product-badge { background:#1890ff; color:#fff; }
.product-info { padding:24px; }
.product-name { font-size:1.2rem; font-weight:700; margin-bottom:10px; color:#1a1a1a; }
.product-desc { color:#666; font-size:.9rem; line-height:1.7; margin-bottom:14px; }
.product-features { list-style:none; margin-bottom:18px; }
.product-features li { font-size:.88rem; color:#555; line-height:2; }
.product-price { margin-bottom:14px; }
.price-tag { display:inline-block; font-size:1.3rem; font-weight:700; color:#e63329; }
.btn-apply { display:block; text-align:center; padding:12px; background:#e63329; color:#fff; border-radius:10px; font-weight:600; font-size:.95rem; text-decoration:none; transition:background .2s; }
.btn-apply:hover { background:#c92a20; }

/* FAQ */
.faq-section { padding:60px 0; background:#f9f9f9; }
.faq-list { max-width:860px; margin:0 auto; }
.faq-item { background:#fff; border-radius:12px; margin-bottom:12px; overflow:hidden; border:1px solid #f0f0f0; }
.faq-question { font-size:1rem; font-weight:600; padding:18px 22px; cursor:pointer; color:#1a1a1a; position:relative; }
.faq-question::after { content:"▼"; position:absolute; right:20px; font-size:12px; color:#888; }
.faq-answer { padding:0 22px 18px; color:#555; font-size:.9rem; line-height:1.8; }

/* 申请表单 */
.apply-section { padding:60px 0; background:linear-gradient(135deg,#fff9f9,#fff); }
.apply-wrapper { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
@media(max-width:768px){.apply-wrapper{grid-template-columns:1fr;}}
.apply-left h2 { font-size:1.6rem; font-weight:700; color:#1a1a1a; margin-bottom:12px; }
.apply-left p { color:#666; margin-bottom:20px; }
.apply-benefits { list-style:none; }
.apply-benefits li { font-size:.9rem; color:#555; line-height:2.2; }
.apply-form { background:#fff; border:1px solid #f0f0f0; border-radius:16px; padding:32px; box-shadow:0 4px 20px rgba(0,0,0,.06); }
.form-group { margin-bottom:16px; }
.form-group label { display:block; font-size:13px; color:#555; font-weight:500; margin-bottom:6px; }
.required { color:#e63329; }
.form-group input, .form-group select { width:100%; padding:12px 14px; border:1px solid #ddd; border-radius:8px; font-size:14px; outline:none; transition:border-color .2s; }
.form-group input:focus, .form-group select:focus { border-color:#e63329; }
.btn-submit { width:100%; padding:14px; background:#e63329; color:#fff; border:none; border-radius:10px; font-size:1rem; font-weight:600; cursor:pointer; transition:background .2s; }
.btn-submit:hover { background:#c92a20; }
.form-tip { font-size:12px; color:#aaa; text-align:center; margin-top:8px; }
.form-success { background:#f6ffed; border:1px solid #b7eb8f; color:#389e0d; padding:24px; border-radius:12px; text-align:center; font-size:1rem; }

/* 对比表格 */
.compare-section { padding:60px 0; }
.table-scroll { overflow-x:auto; }
.compare-table { width:100%; border-collapse:collapse; font-size:.9rem; }
.compare-table th { background:#e63329; color:#fff; padding:14px 16px; text-align:center; font-weight:600; }
.compare-table th:first-child { background:#c62828; }
.compare-table td { padding:12px 16px; text-align:center; border-bottom:1px solid #f0f0f0; }
.compare-table tr:nth-child(even) td { background:#fafafa; }
.compare-table td:first-child { text-align:left; font-weight:500; color:#555; background:#f9f9f9; }
