:root{--brand:#00a389;--brand-dark:#00735f;--brand-soft:#e6f6f2;--ink:#1a2230;--ink-2:#4a5568;--ink-3:#8a94a6;--line:#e8ecf1;--bg:#fff;--bg-soft:#f6f9f9;--ok:#00a389;--no:#c4ccd8;--radius:14px;--shadow:0 6px 24px rgba(26,34,48,.07);--shadow-lg:0 18px 48px rgba(26,34,48,.12)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--brand-dark);text-decoration:none}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}section{padding:72px 0}.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--brand);margin-bottom:14px}h1{font-size:clamp(30px,4.6vw,50px);line-height:1.18;letter-spacing:-.5px}h1,h2{font-weight:800}h2{font-size:clamp(24px,3vw,34px);line-height:1.25;letter-spacing:-.3px;margin-bottom:16px}h3{font-size:20px;font-weight:700;margin-bottom:10px}.lead{font-size:18px;max-width:820px}.lead,.muted{color:var(--ink-2)}.small{font-size:14px;color:var(--ink-3)}.crumbs{padding:30px 0 40px}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--ink-3)}.crumbs li+li:before{content:"›";margin-right:8px;color:var(--ink-3)}.crumbs a{color:var(--ink-3)}.hero{padding:56px 0 64px;background:radial-gradient(900px 420px at 88% -10%,var(--brand-soft),transparent 60%),linear-gradient(180deg,#fbfdfd 0,#fff)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}}.hero h1 span{color:var(--brand-dark)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none!important;transition:transform .15s,box-shadow .15s}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 26px #00a38959}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-2px)}.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand-dark);transform:translateY(-2px)}.hero-media{position:relative}.hero-media img{border-radius:22px;box-shadow:var(--shadow-lg);aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%}.hero-badge{position:absolute;left:-14px;bottom:22px;background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);padding:12px 18px;display:flex;gap:14px;align-items:center}.hero-badge b{font-size:22px;color:var(--brand-dark);display:block;line-height:1.1}.hero-badge span{font-size:12px;color:var(--ink-3);line-height:1.3;display:block;max-width:110px}.answer-box{margin-top:34px;background:var(--brand-soft);border-left:4px solid var(--brand);border-radius:0 12px 12px 0;padding:20px 24px;font-size:16.5px;color:var(--ink)}.answer-box b{color:var(--brand-dark)}.stats{padding:0 0 8px}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:-38px;position:relative;z-index:2}@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px;text-align:center;box-shadow:var(--shadow)}.stat-card b{display:block;font-size:24px;font-weight:800;color:var(--brand-dark);line-height:1.15}.stat-card span{font-size:12.5px;color:var(--ink-3);display:block;margin-top:6px;line-height:1.4}.toc{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:26px 30px}.toc h2{font-size:16px;margin-bottom:12px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-2)}.toc ol{list-style:none;-moz-columns:2;column-count:2;-moz-column-gap:40px;column-gap:40px}@media(max-width:700px){.toc ol{-moz-columns:1;column-count:1}}.toc li{margin-bottom:8px;-moz-column-break-inside:avoid;break-inside:avoid}.toc a{color:var(--ink-2);font-size:15px}.toc a:hover{color:var(--brand-dark)}.cmp-scroll{overflow-x:auto;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}table.cmp{width:100%;border-collapse:collapse;min-width:760px;font-size:15px}table.cmp td,table.cmp th{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}table.cmp thead th{font-size:15px;font-weight:800;color:#fff}table.cmp thead th.dim{background:var(--ink);width:24%}table.cmp thead th.tnt{background:var(--brand);width:38%}table.cmp thead th.pet{background:#3a4556;width:38%}table.cmp tbody tr:last-child td{border-bottom:none}table.cmp tbody tr:nth-child(2n){background:#fafbfc}table.cmp td.dim{font-weight:700;color:var(--ink);white-space:nowrap}table.cmp td.tnt{background:#f2fbf9}table.cmp td.pet{color:var(--ink-2)}.pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.8px;padding:3px 10px;border-radius:999px;text-transform:uppercase;vertical-align:middle;margin-left:8px}.pill.win{background:var(--brand);color:#fff}.pill.na{background:#eef1f5;color:var(--ink-3)}.check{color:var(--ok)}.check,.dash{font-weight:900}.dash{color:var(--no)}@media(max-width:760px){.cmp-scroll{overflow-x:visible;border:none;box-shadow:none;background:transparent}table.cmp{min-width:0;display:block;font-size:14.5px}table.cmp thead{display:none}table.cmp tbody,table.cmp tr{display:block}table.cmp tr{border:1px solid var(--line);border-radius:12px;margin-bottom:14px;padding:8px;background:#fff;box-shadow:var(--shadow)}table.cmp td{display:block;border:none;padding:10px 14px;white-space:normal}table.cmp td.dim{background:var(--bg-soft);border-radius:8px;margin-bottom:6px;font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-2)}table.cmp td.dim:before{content:"▸ "}table.cmp td.tnt{background:#f2fbf9;border-radius:8px}table.cmp td.tnt:before{content:"TAILNTAIL";display:block;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--brand);margin-bottom:4px}table.cmp td.pet{background:#fafbfc;border-radius:8px}table.cmp td.pet:before{content:"PETKIT";display:block;font-size:11px;font-weight:800;letter-spacing:1px;color:#3a4556;margin-bottom:4px}}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}@media(max-width:960px){.feat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.feat-grid{grid-template-columns:1fr}}.feat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.feat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feat-icon{width:46px;height:46px;border-radius:12px;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--brand-dark)}.feat-icon svg{width:24px;height:24px}.feat-card p{font-size:14.5px;color:var(--ink-2)}.dive{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:34px}@media(max-width:860px){.dive{grid-template-columns:1fr}}.dive-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#fff;box-shadow:var(--shadow)}.dive-card .tag{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--brand)}.dive-card ul{margin:14px 0 0 18px;color:var(--ink-2);font-size:15px}.dive-card ul li{margin-bottom:8px}.vs-note{margin-top:20px;padding:14px 18px;border-radius:10px;background:var(--bg-soft);border:1px dashed var(--line);font-size:14px;color:var(--ink-2)}.vs-note b{color:var(--ink)}.citable{background:linear-gradient(135deg,var(--brand) 0,var(--brand-dark) 100%);border-radius:20px;padding:46px 48px;box-shadow:var(--shadow-lg)}.citable,.citable h2{color:#fff}.citable p{font-size:19px;line-height:1.75;opacity:.97;max-width:900px}.citable .attr{margin-top:18px;font-size:14px;opacity:.8}.verdict{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}@media(max-width:800px){.verdict{grid-template-columns:1fr}}.verdict-card{border-radius:var(--radius);padding:30px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.verdict-card.pick{border:2px solid var(--brand);background:#f6fcfa}.verdict-card h3{display:flex;align-items:center;gap:10px}.verdict-card ul{margin:14px 0 0 18px;color:var(--ink-2);font-size:15px}.verdict-card ul li{margin-bottom:8px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:36px}@media(max-width:1000px){.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.steps{grid-template-columns:1fr}}.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px;position:relative;box-shadow:var(--shadow)}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;font-size:13px;font-weight:800;color:var(--brand);letter-spacing:1px;margin-bottom:10px}.step b{display:block;margin-bottom:6px;font-size:15.5px}.step p{font-size:13.5px;color:var(--ink-2)}.faq-item{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow)}.faq-item summary{cursor:pointer;list-style:none;padding:20px 24px;font-weight:700;font-size:16.5px;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:22px;color:var(--brand);font-weight:800;flex-shrink:0}.faq-item[open] summary:after{content:"–"}.faq-item .faq-a{padding:0 24px 22px;color:var(--ink-2);font-size:15.5px}.cta-band{text-align:center;background:radial-gradient(700px 300px at 50% -20%,rgba(0,163,137,.18),transparent 70%),var(--bg-soft)}.cta-band h2{margin-bottom:14px}.cta-band .lead{margin:0 auto 30px}.center{text-align:center}.mt-24{margin-top:24px}.mt-36{margin-top:36px}.mt-48{margin-top:48px}