/* ============================================================
   ISCC 生物基环保页面
   ============================================================ */

.iscc-hero {
    padding: 140px 24px 100px;
    text-align: center;
    background: linear-gradient(135deg, #064e3b 0%, #047857 50%, #10b981 100%);
    color: #fff;
    position: relative;
    overflow: hidden;
}
.iscc-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.12) 0%, transparent 50%),
                radial-gradient(circle at 80% 70%, rgba(16,185,129,0.18) 0%, transparent 45%);
}
.iscc-hero__inner { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; }
.iscc-hero__crumb { font-size: 13px; letter-spacing: 0.15em; text-transform: uppercase; opacity: 0.85; margin-bottom: 16px; }
.iscc-hero__crumb a { color: rgba(255,255,255,0.8); text-decoration: none; }
.iscc-hero__crumb a:hover { color: #fff; text-decoration: underline; }
.iscc-hero__title { font-family: 'Playfair Display', serif; font-size: 52px; font-weight: 700; line-height: 1.15; margin-bottom: 20px; }
.iscc-hero__sub { font-size: 17px; line-height: 1.7; opacity: 0.92; max-width: 640px; margin: 0 auto; }

/* 通用 section 标题 */
.iscc-section__title { font-family: 'Playfair Display', serif; font-size: 36px; font-weight: 700; color: #0f172a; margin-bottom: 14px; text-align: center; }
.iscc-section__desc { font-size: 16px; color: #64748b; line-height: 1.7; text-align: center; max-width: 720px; margin: 0 auto 48px; }

/* 历史时间线 */
.iscc-history { background: #fff; padding: 80px 24px; }
.iscc-history__inner { max-width: 900px; margin: 0 auto; }
.iscc-timeline { position: relative; padding-left: 32px; }
.iscc-timeline::before { content: ''; position: absolute; left: 100px; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, #10b981, #064e3b); }
.iscc-timeline__item { position: relative; margin-bottom: 40px; }
.iscc-timeline__item:last-child { margin-bottom: 0; }
.iscc-timeline__year { position: absolute; left: -132px; top: 0; font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; color: #047857; width: 100px; text-align: right; }
.iscc-timeline__dot { position: absolute; left: -24px; top: 6px; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid #d1fae5; box-shadow: 0 0 0 3px rgba(16,185,129,0.15); }
.iscc-timeline__content { background: #f8fafc; border-radius: 12px; padding: 20px 24px; border-left: 3px solid #10b981; }
.iscc-timeline__content h4 { font-size: 17px; font-weight: 700; color: #0f172a; margin-bottom: 6px; }
.iscc-timeline__content p { font-size: 14px; color: #64748b; line-height: 1.6; margin: 0; }

/* 生物基材料卡片 */
.iscc-materials { background: #f0fdf4; padding: 80px 24px; }
.iscc-materials__inner { max-width: 1100px; margin: 0 auto; }
.iscc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.iscc-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(6,78,59,0.08); transition: all 0.3s; }
.iscc-card:hover { transform: translateY(-6px); box-shadow: 0 16px 48px rgba(6,78,59,0.15); }
.iscc-card__visual { height: 200px; display: grid; place-items: center; background: #f8fafc; }
.iscc-card__visual svg { width: 160px; height: 160px; filter: drop-shadow(0 8px 20px rgba(0,0,0,0.15)); }
.iscc-card__body { padding: 24px; }
.iscc-card__tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; background: #d1fae5; color: #065f46; margin-bottom: 10px; }
.iscc-card__name { font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 700; color: #0f172a; margin-bottom: 8px; }
.iscc-card__desc { font-size: 14px; color: #64748b; line-height: 1.6; margin-bottom: 16px; }
.iscc-card__specs { display: flex; gap: 16px; padding-top: 14px; border-top: 1px solid #f1f5f9; }
.iscc-card__spec { text-align: center; flex: 1; }
.iscc-card__spec strong { display: block; font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 700; color: #047857; line-height: 1; }
.iscc-card__spec span { font-size: 11px; color: #94a3b8; margin-top: 4px; display: block; }

/* ISCC 认证说明 */
.iscc-cert { background: #fff; padding: 80px 24px; }
.iscc-cert__inner { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: 1fr 280px; gap: 60px; align-items: center; }
.iscc-cert__badge { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; padding: 4px 12px; border-radius: 6px; background: #047857; color: #fff; margin-bottom: 16px; }
.iscc-cert__text h2 { text-align: left; }
.iscc-cert__text > p { font-size: 15px; color: #64748b; line-height: 1.7; margin-bottom: 20px; }
.iscc-cert__list { list-style: none; padding: 0; margin: 0; }
.iscc-cert__list li { position: relative; padding-left: 28px; margin-bottom: 12px; font-size: 14px; color: #475569; line-height: 1.6; }
.iscc-cert__list li::before { content: '✓'; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: #d1fae5; color: #047857; font-size: 12px; font-weight: 700; display: grid; place-items: center; }
.iscc-cert__visual { display: grid; place-items: center; }
.iscc-cert__seal { position: relative; width: 200px; height: 200px; border-radius: 50%; background: linear-gradient(135deg, #047857, #10b981); display: grid; place-items: center; box-shadow: 0 12px 40px rgba(4,120,87,0.3); }
.iscc-cert__seal-ring { position: absolute; inset: 12px; border-radius: 50%; border: 2px dashed rgba(255,255,255,0.5); }
.iscc-cert__seal-text { color: #fff; font-family: 'Playfair Display', serif; font-size: 28px; font-weight: 700; text-align: center; line-height: 1.2; }

/* CTA */
.iscc-cta { background: linear-gradient(135deg, #064e3b 0%, #047857 100%); padding: 80px 24px; text-align: center; color: #fff; }
.iscc-cta__inner { max-width: 600px; margin: 0 auto; }
.iscc-cta__title { font-family: 'Playfair Display', serif; font-size: 36px; font-weight: 700; margin-bottom: 14px; }
.iscc-cta__desc { font-size: 16px; opacity: 0.9; margin-bottom: 28px; line-height: 1.7; }
.iscc-cta__btn { display: inline-block; background: #fff; color: #047857; font-weight: 700; font-size: 16px; padding: 14px 32px; border-radius: 999px; text-decoration: none; transition: all 0.3s; box-shadow: 0 8px 24px rgba(0,0,0,0.15); }
.iscc-cta__btn:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(0,0,0,0.2); }

/* 数据统计条 */
.iscc-stats { background: #fff; padding: 0 24px; margin-top: -40px; position: relative; z-index: 2; }
.iscc-stats__inner { max-width: 900px; margin: 0 auto; background: #fff; border-radius: 16px; box-shadow: 0 12px 40px rgba(6,78,59,0.12); padding: 32px 24px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.iscc-stat { text-align: center; }
.iscc-stat__num { font-family: 'Playfair Display', serif; font-size: 36px; font-weight: 700; color: #047857; line-height: 1; margin-bottom: 8px; }
.iscc-stat__num span { font-size: 18px; color: #10b981; }
.iscc-stat__label { font-size: 13px; color: #64748b; }

/* 认证流程 */
.iscc-process { background: #f0fdf4; padding: 80px 24px; }
.iscc-process__inner { max-width: 1100px; margin: 0 auto; }
.iscc-steps { display: flex; align-items: stretch; justify-content: center; gap: 0; flex-wrap: wrap; }
.iscc-step { flex: 1; min-width: 180px; background: #fff; border-radius: 14px; padding: 28px 20px; text-align: center; box-shadow: 0 4px 16px rgba(6,78,59,0.08); position: relative; transition: all 0.3s; }
.iscc-step:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(6,78,59,0.15); }
.iscc-step__num { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, #047857, #10b981); color: #fff; font-weight: 700; font-size: 15px; display: grid; place-items: center; }
.iscc-step__icon { font-size: 36px; margin-bottom: 12px; }
.iscc-step h4 { font-size: 16px; font-weight: 700; color: #0f172a; margin-bottom: 8px; }
.iscc-step p { font-size: 13px; color: #64748b; line-height: 1.6; }
.iscc-step__arrow { display: grid; place-items: center; font-size: 24px; color: #10b981; font-weight: 700; padding: 0 4px; }

/* 对比表格 */
.iscc-compare { background: #fff; padding: 80px 24px; }
.iscc-compare__inner { max-width: 900px; margin: 0 auto; }
.iscc-compare__wrap { overflow-x: auto; border-radius: 16px; box-shadow: 0 4px 20px rgba(6,78,59,0.08); }
.iscc-compare__table { width: 100%; border-collapse: collapse; background: #fff; min-width: 560px; }
.iscc-compare__table th { background: linear-gradient(135deg, #047857, #10b981); color: #fff; padding: 16px 20px; font-size: 14px; font-weight: 600; text-align: left; }
.iscc-compare__table td { padding: 14px 20px; border-bottom: 1px solid #f1f5f9; font-size: 14px; color: #475569; }
.iscc-compare__table tr:last-child td { border-bottom: none; }
.iscc-compare__table tr:hover td { background: #f0fdf4; }
.iscc-compare__green { color: #047857; font-weight: 600; }
.iscc-compare__red { color: #94a3b8; }

/* 应用场景 */
.iscc-scenarios { background: #f0fdf4; padding: 80px 24px; }
.iscc-scenarios__inner { max-width: 1100px; margin: 0 auto; }
.iscc-scenarios__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.iscc-scenario { background: #fff; border-radius: 16px; padding: 32px 28px; text-align: center; box-shadow: 0 4px 16px rgba(6,78,59,0.08); transition: all 0.3s; border-top: 3px solid #10b981; }
.iscc-scenario:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(6,78,59,0.15); }
.iscc-scenario__icon { font-size: 44px; margin-bottom: 16px; }
.iscc-scenario h4 { font-size: 17px; font-weight: 700; color: #0f172a; margin-bottom: 10px; }
.iscc-scenario p { font-size: 14px; color: #64748b; line-height: 1.6; }

/* 响应式 */
@media (max-width: 900px) {
    .iscc-cert__inner { grid-template-columns: 1fr; gap: 40px; }
    .iscc-cert__seal { width: 160px; height: 160px; }
    .iscc-cert__seal-text { font-size: 22px; }
    .iscc-steps { flex-direction: column; align-items: center; }
    .iscc-step { min-width: 280px; max-width: 320px; }
    .iscc-step__arrow { transform: rotate(90deg); padding: 8px 0; }
    .iscc-scenarios__grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
}
@media (max-width: 768px) {
    .iscc-hero { padding: 120px 20px 70px; }
    .iscc-hero__title { font-size: 36px; }
    .iscc-section__title { font-size: 28px; }
    .iscc-timeline { padding-left: 24px; }
    .iscc-timeline::before { left: 7px; }
    .iscc-timeline__year { position: static; width: auto; text-align: left; margin-bottom: 4px; }
    .iscc-timeline__dot { left: -20px; }
    .iscc-grid { grid-template-columns: 1fr; }
    .iscc-history, .iscc-materials, .iscc-cert, .iscc-cta, .iscc-process, .iscc-compare, .iscc-scenarios { padding: 60px 20px; }
    .iscc-stats__inner { grid-template-columns: repeat(2, 1fr); gap: 24px 16px; }
    .iscc-stat__num { font-size: 28px; }
}