Wholesale Pet Products & OEM Pet Supplies | PetFangFang

.pff-blog{font-family:'Helvetica Neue',Arial,sans-serif;color:#2d2d2d;line-height:1.7;box-sizing:border-box;} .pff-blog *,.pff-blog *::before,.pff-blog *::after{box-sizing:inherit;} .pff-blog .pff-hero{padding:40px 24px 36px;text-align:center;background:linear-gradient(135deg,#eef2f8 0%,#e4eaf4 100%);} .pff-blog .pff-hero .pff-tag{display:inline-block;background:#2d5a87;color:#fff;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 14px;border-radius:20px;margin-bottom:20px;} .pff-blog .pff-hero p{font-size:17px;color:#555;max-width:620px;margin:0 auto;} .pff-blog .pff-container{max-width:860px;margin:0 auto;padding:0 24px;} .pff-blog .pff-section{padding:52px 0;border-bottom:1px solid #f0ece6;} .pff-blog .pff-section:last-of-type{border-bottom:none;} .pff-blog .pff-section-label{display:flex;align-items:center;gap:10px;margin-bottom:12px;} .pff-blog .pff-section-label .pff-line{display:inline-block;width:32px;height:2px;background:#2d5a87;} .pff-blog .pff-section-label span:last-child{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#2d5a87;} .pff-blog .pff-section h2{font-size:clamp(20px,3vw,28px);font-weight:800;color:#1a1a1a;margin:0 0 16px;} .pff-blog .pff-section p{font-size:15px;color:#555;line-height:1.75;margin:0 0 16px;} .pff-blog .pff-section p:last-child{margin:0;} .pff-blog .pff-stat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin:28px 0;} .pff-blog .pff-stat-card{background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:20px 16px;text-align:center;} .pff-blog .pff-stat-card .num{font-size:30px;font-weight:800;color:#2d5a87;line-height:1;} .pff-blog .pff-stat-card .num.warn{color:#e07b39;} .pff-blog .pff-stat-card .label{font-size:12px;color:#777;margin-top:6px;line-height:1.4;} .pff-blog .pff-layers{margin:28px 0;} .pff-blog .pff-layer{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start;} .pff-blog .pff-layer-num{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff;} .pff-blog .pff-layer-num.l1{background:#2d5a87;} .pff-blog .pff-layer-num.l2{background:#4a7ab5;} .pff-blog .pff-layer-num.l3{background:#e07b39;} .pff-blog .pff-layer-num.l4{background:#c2956c;} .pff-blog .pff-layer-body{padding-top:2px;} .pff-blog .pff-layer-body h4{font-size:15px;font-weight:800;color:#1a1a1a;margin:0 0 4px;} .pff-blog .pff-layer-body p{font-size:13px;color:#555;margin:0;line-height:1.6;} .pff-blog .pff-warn{background:#fff8f0;border-left:4px solid #e07b39;border-radius:0 10px 10px 0;padding:20px 24px;margin:24px 0;} .pff-blog .pff-warn h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#c05a1a;margin:0 0 8px;} .pff-blog .pff-warn p{font-size:14px;color:#5a3e28;margin:0;line-height:1.7;} .pff-blog .pff-rate-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;} .pff-blog .pff-rate-table th{background:#1a1a1a;color:#fff;padding:12px 16px;text-align:left;font-size:12px;font-weight:700;letter-spacing:0.5px;} .pff-blog .pff-rate-table td{padding:12px 16px;border-bottom:1px solid #f0ece6;vertical-align:middle;} .pff-blog .pff-rate-table tr:last-child td{border-bottom:none;} .pff-blog .pff-rate-table tr:nth-child(even) td{background:#fafafa;} .pff-blog .pff-rate-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:10px;} .pff-blog .pff-rate-badge.spot{background:#fef3eb;color:#e07b39;} .pff-blog .pff-rate-badge.contract{background:#e8f5ee;color:#3d8c5f;} .pff-blog .pff-rate-badge.danger{background:#fdecea;color:#c0392b;} .pff-blog .pff-con-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;} .pff-blog .pff-con-card{border-radius:14px;padding:24px;border:2px solid #dce5ef;position:relative;} .pff-blog .pff-con-card.rec{border-color:#2d5a87;} .pff-blog .pff-con-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#2d5a87;color:#fff;font-size:11px;font-weight:700;padding:3px 14px;border-radius:20px;white-space:nowrap;} .pff-blog .pff-con-card h3{font-size:17px;font-weight:800;color:#1a1a1a;margin:0 0 16px;} .pff-blog .pff-con-metric{margin-bottom:10px;} .pff-blog .pff-con-metric .m-label{font-size:11px;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;} .pff-blog .pff-con-metric .m-value{font-size:15px;font-weight:700;color:#1a1a1a;} .pff-blog .pff-con-metric .m-sub{font-size:12px;color:#777;} .pff-blog .pff-tariff-box{background:#eef2f8;border-radius:12px;padding:24px 28px;margin:24px 0;} .pff-blog .pff-tariff-box h4{font-size:13px;font-weight:700;color:#2d5a87;text-transform:uppercase;letter-spacing:0.5px;margin:0 0 14px;} .pff-blog .pff-tariff-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #d0dcea;} .pff-blog .pff-tariff-row:last-child{border-bottom:none;} .pff-blog .pff-tariff-row .t-label{font-size:13px;color:#444;} .pff-blog .pff-tariff-row .t-value{font-size:13px;font-weight:700;color:#1a1a1a;} .pff-blog .pff-tariff-row .t-value.total{color:#e07b39;font-size:14px;} .pff-blog .pff-example-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;} .pff-blog .pff-example-table th{background:#2d5a87;color:#fff;padding:11px 14px;text-align:left;font-size:12px;font-weight:700;letter-spacing:0.5px;} .pff-blog .pff-example-table td{padding:11px 14px;border-bottom:1px solid #eef2f8;vertical-align:middle;} .pff-blog .pff-example-table tr:last-child td{border-bottom:none;background:#f0f4f8;font-weight:700;} .pff-blog .pff-example-table .sz{font-weight:800;color:#2d5a87;} .pff-blog .pff-mult-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:24px 0;} .pff-blog .pff-mult-card{border-radius:12px;padding:20px;} .pff-blog .pff-mult-card .mc-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;} .pff-blog .pff-mult-card .mc-num{font-size:34px;font-weight:800;line-height:1;margin-bottom:6px;} .pff-blog .pff-mult-card .mc-desc{font-size:12px;color:#666;line-height:1.5;} .pff-blog .pff-mult-card.c1{background:#eef2f8;}.pff-blog .pff-mult-card.c1 .mc-label{color:#2d5a87;}.pff-blog .pff-mult-card.c1 .mc-num{color:#2d5a87;} .pff-blog .pff-mult-card.c2{background:#f0f7f4;}.pff-blog .pff-mult-card.c2 .mc-label{color:#3d8c5f;}.pff-blog .pff-mult-card.c2 .mc-num{color:#3d8c5f;} .pff-blog .pff-mult-card.c3{background:#faf7f2;}.pff-blog .pff-mult-card.c3 .mc-label{color:#c2956c;}.pff-blog .pff-mult-card.c3 .mc-num{color:#c2956c;} .pff-blog .pff-mult-card.c4{background:#fef5ee;}.pff-blog .pff-mult-card.c4 .mc-label{color:#e07b39;}.pff-blog .pff-mult-card.c4 .mc-num{color:#e07b39;} .pff-blog .pff-risk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:24px 0;} .pff-blog .pff-risk-card{background:#fff;border:1px solid #dce5ef;border-radius:12px;padding:20px;text-align:center;} .pff-blog .pff-risk-card .r-num{font-size:20px;font-weight:800;color:#e07b39;line-height:1.2;margin-bottom:6px;} .pff-blog .pff-risk-card .r-label{font-size:12px;color:#777;line-height:1.4;} .pff-blog .pff-cta{text-align:center;padding:56px 24px 32px;} .pff-blog .pff-cta h2{font-size:clamp(20px,3vw,28px);font-weight:800;color:#1a1a1a;margin:0 0 12px;} .pff-blog .pff-cta p{font-size:16px;color:#555;max-width:500px;margin:0 auto 28px;} .pff-blog .pff-btn-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:12px 34px!important;background:#1a1a1a;color:#fff!important;font-size:15px!important;font-weight:700!important;line-height:1.4!important;border-radius:8px!important;text-decoration:none!important;border:none!important;box-shadow:none!important;outline:none!important;transform:none!important;letter-spacing:normal!important;transition:background-color 0.2s ease!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px!important;box-sizing:border-box!important;vertical-align:middle!important;} .pff-blog .pff-btn-cta:hover,.pff-blog .pff-btn-cta:focus,.pff-blog .pff-btn-cta:active{background:#2d5a87!important;color:#fff!important;padding:12px 34px!important;font-size:15px!important;font-weight:700!important;line-height:1.4!important;border-radius:8px!important;border:none!important;box-shadow:none!important;outline:none!important;transform:none!important;text-decoration:none!important;letter-spacing:normal!important;min-height:44px!important;box-sizing:border-box!important;vertical-align:middle!important;} .pff-blog .pff-footer-note{text-align:center;font-size:13px;color:#aaa;margin-top:16px;padding-bottom:32px;} .pff-blog .pff-footer-note a{color:#aaa;} @media(max-width:580px){.pff-blog .pff-con-cards{grid-template-columns:1fr;}}