/* Used by: jiance/huanjing/kangyijunji.html, jiance/huanjing/xiaoducp.html, jiance/huanjing/yinyongshui.html, jiance/jiancai/nuanqipian.html, jiance/jiancai/buxiugang.html and 3 more */
* { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Microsoft YaHei','PingFang SC','Helvetica Neue',Arial,sans-serif; line-height: 1.75; color: #2c2c2c; max-width: 1200px; margin: 0 auto; padding: 20px; background: #f5f7fa; }
        .wrap { background: #fff; padding: 32px 36px; border-radius: 8px; box-shadow: 0 2px 12px rgba(0,0,0,.06); }

        .hero { background: linear-gradient(135deg,#2980b9 0%,#1a5276 100%); color:#fff; padding:28px 30px; border-radius:6px; margin-bottom:28px; }
        .hero h1 { font-size:22px; margin-bottom:8px; font-weight:700; }
        .hero p  { font-size:14px; opacity:.88; }

        .lead {
            background:#eaf7fd; border-left:4px solid #2980b9; padding:18px 20px; margin:22px 0 28px;
            font-size:14.5px; line-height:1.85; color:#1a3a5c;
        }
        .lead b { color:#2980b9; }

        h2 { color:#1a5276; border-left:4px solid #2980b9; padding-left:10px; margin:28px 0 14px; font-size:17px; }
        h3 { color:#333; margin:20px 0 10px; font-size:15px; font-weight:600; }

        table { width:100%; border-collapse:collapse; margin:14px 0 22px; font-size:13.5px; }
        th, td { border:1px solid #bdd7e8; padding:10px 12px; text-align:left; vertical-align:top; }
        th { background:#dbeef9; color:#1a3a5c; font-weight:600; }
        tr:nth-child(even) td { background:#f7fbfe; }

        .tag { display:inline-block; background:#dbeef9; color:#1a5276; border:1px solid #aac7db; padding:3px 10px; border-radius:4px; margin:2px 3px 2px 0; font-size:12.5px; font-family:'Consolas','Courier New',monospace; }

        .faq { background:#f9f9fb; border-radius:6px; padding:22px 24px; margin:26px 0; }
        .faq-item { margin-bottom:18px; }
        .faq-q { font-weight:700; color:#1a3a5c; margin-bottom:4px; }
        .faq-a { color:#444; }

        .cta {
            background: linear-gradient(135deg,#2980b9 0%,#1a5276 100%);
            color:#fff; padding:18px 24px; border-radius:6px; margin:28px 0 10px;
            font-size:15px; line-height:1.8; text-align:center;
        }
        .cta a { color:#ffeaa7; font-weight:700; text-decoration:underline; }

        .foot { margin-top:36px; padding-top:18px; border-top:1px solid #eee; text-align:center; font-size:13px; color:#888; }
        .foot a { color:#1a5276; }

        code { background:#dbeef9; padding:2px 7px; border-radius:3px; font-family:'Consolas','Courier New',monospace; font-size:13px; color:#1a5276; word-break:break-all; }

        ul.chk { margin:6px 0 6px 20px; line-height:2; }
        ul.chk li::marker { color:#2980b9; }

        .scenario-grid { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0; }
        .scenario-tag { background: #dbeef9; border: 1px solid #aac7db; border-radius: 20px; padding: 6px 16px; font-size: 13px; color: #1a3a5c; white-space: nowrap; }
        .scenario-tag.not { background: #fde8e8; border-color: #e57373; color: #991b1b; }

        .cert-row { display: flex; gap: 20px; flex-wrap: wrap; margin: 18px 0; }
        .cert-item { width: 146px; text-align: center; }
        .cert-item img { width: 100%; height: auto; border: 1px solid #ddd; border-radius: 6px; padding: 6px; background: #f8fafc; }
        .cert-item p { font-size: 12px; color: #475569; margin-top: 4px; }

        .method-note {
            background:#f0f9ff; border:1px dashed #7eb8da; border-radius:6px; padding:12px 16px; margin:10px 0 18px;
            font-size:13.5px; color:#1a3a5c;
        }

        @media (max-width:640px){ .wrap{padding:16px 14px;} .hero h1{font-size:19px;} .cert-row{justify-content:center;} }