:root{--ink:#111820;--muted:#61707a;--paper:#f5f6f4;--line:#dbe0e1;--red:#bd1822;--gold:#bd8500}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei",Arial,sans-serif;line-height:1.65}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.header{height:72px;padding:0 max(20px,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-weight:900;font-size:21px;letter-spacing:0}.brand small{display:block;color:var(--red);font-size:10px;letter-spacing:1.3px}.nav{display:flex;gap:24px;font-size:14px;font-weight:800}.nav a:hover{color:var(--red)}.hero{background:#101518;color:#fff;min-height:calc(100vh - 72px);padding:clamp(32px,7vh,78px) max(20px,calc((100% - 1200px)/2)) 34px}.eyebrow{margin:0 0 10px;color:#f1bd2a;font-size:13px;font-weight:900;letter-spacing:1px}.hero h1{max-width:880px;margin:0;font-size:clamp(36px,5vw,70px);line-height:1.08}.hero>p:not(.eyebrow){max-width:660px;color:#d4dbdc;font-size:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:38px}.split-card{position:relative;min-height:385px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#fff}.split-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .3s}.split-card:hover img{transform:scale(1.03)}.split-card:first-child img{object-fit:cover;filter:brightness(.52) saturate(.4)}.split-content{position:relative;padding:26px;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.02));color:#fff}.split-content h2{margin:0;font-size:29px}.split-content p{margin:5px 0 16px;color:#edf1f1}.btn{display:inline-flex;width:fit-content;min-height:42px;align-items:center;padding:0 18px;background:var(--red);color:#fff;font-size:14px;font-weight:900}.btn:hover{background:#94131b}.section{width:min(1200px,calc(100% - 40px));margin:0 auto;padding:64px 0}.section h1,.section h2{margin:0 0 12px;line-height:1.18}.section h1{font-size:clamp(30px,4vw,48px)}.section h2{font-size:28px}.intro{max-width:760px;margin:0 0 30px;color:var(--muted);font-size:17px}.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.catalog.pet{grid-template-columns:repeat(3,minmax(0,1fr))}.product{background:#fff;border:1px solid var(--line);overflow:hidden}.product img{height:180px;width:100%;object-fit:contain;background:#fff}.product-body{padding:16px}.sku{color:var(--red);font-size:12px;font-weight:900;letter-spacing:1px}.product h3{margin:4px 0;font-size:19px}.product p{margin:0;color:var(--muted);font-size:14px}.price{margin-top:12px;color:var(--red);font-size:20px;font-weight:900}.note{padding:18px 20px;border-left:4px solid var(--red);background:#fff8f8;color:#5c2a2a}.detail-hero{background:#101518;color:#fff}.detail-hero .section{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.detail-hero img{width:100%;max-height:380px;object-fit:contain;background:#fff}.detail-hero h1{font-size:clamp(34px,5vw,58px)}.detail-hero p{color:#dbe2e3}.use-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.use-list div{padding:18px;background:#fff;border-top:3px solid var(--red);font-weight:800}.footer{padding:28px max(20px,calc((100% - 1200px)/2));background:#0c1216;color:#ccd4d7;font-size:13px}.footer p{margin:4px 0}.cert{display:grid;gap:14px}.cert>div{padding:22px;background:#fff;border:1px solid var(--line)}.video-notice{padding:18px;background:#fff5e8;border-left:4px solid var(--gold)}@media(max-width:760px){.header{height:auto;min-height:64px;gap:12px;padding-top:9px;padding-bottom:9px}.nav{gap:12px;font-size:12px;flex-wrap:wrap;justify-content:flex-end}.split,.detail-hero .section{grid-template-columns:1fr}.split-card{min-height:320px}.catalog,.catalog.pet{grid-template-columns:1fr}.use-list{grid-template-columns:1fr 1fr}.hero{min-height:auto}.section{padding:44px 0}}
.split{grid-template-columns:repeat(2,minmax(0,1fr))}.product img{object-position:center}.header{box-shadow:0 1px 0 rgba(0,0,0,.03)}@media(max-width:760px){.header{position:static}.split{grid-template-columns:1fr}}.pigment-hero-image{aspect-ratio:16/7;max-height:330px!important;object-fit:cover!important;transform:scale(1.04)}.temperature-badge{display:grid;gap:2px;width:fit-content;margin:18px 0;padding:12px 16px;border-left:4px solid #f1bd2a;background:#202b31;color:#fff}.temperature-badge span{color:#f1bd2a;font-size:12px;font-weight:900}.temperature-badge strong{font-size:22px;line-height:1.2}.technical-highlight{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;background:#111820;color:#fff;border-left:6px solid var(--red)}.technical-highlight strong{color:#ffcf43;font-size:28px;line-height:1.2}.technical-highlight span{max-width:420px;color:#d6dfe2}.price{font-size:29px!important;line-height:1.1;color:#d20f1c!important}.catalog.pet .product img{height:220px;aspect-ratio:4/3;object-fit:cover;background:#fff}.catalog.pet .product-body{padding:14px 16px}.catalog.pet .product h3{min-height:2.9em}@media(max-width:760px){.pigment-hero-image{aspect-ratio:16/9}.technical-highlight{display:grid}.technical-highlight strong{font-size:24px}.catalog.pet .product img{height:auto;aspect-ratio:4/3}}.pigment-price-grid{gap:20px}.pigment-price-card img{width:100%;height:250px!important;aspect-ratio:16/7;object-fit:cover!important;object-position:center;transform:scale(1.03)}.pigment-price-card .product-body{padding:20px 22px}.pigment-price-card h3{font-size:25px}.pigment-price-card .price{margin-top:12px;font-size:42px!important;letter-spacing:0}.showcase-note{display:grid;gap:4px;margin-bottom:16px;padding:22px 24px;background:#17242a;border-left:6px solid #e4b027;color:#fff}.showcase-note strong{color:#f1bd2a;font-size:24px}.showcase-note span{color:#dbe4e6}.pigment-showcase .note{margin-top:14px}@media(max-width:760px){.pigment-price-card img{height:auto!important;aspect-ratio:16/9}.pigment-price-card .price{font-size:36px!important}}.pigment-price-card .price{font-size:24px!important;line-height:1.25}.pigment-price-card .product-body>p:not(.price){min-height:2.8em;font-size:15px;line-height:1.65}@media(max-width:760px){.pigment-price-card .price{font-size:23px!important}}.pet-video-section{margin:0 0 34px}.pet-video-section h2{margin:0 0 8px}.pet-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pet-video-grid video{width:100%;aspect-ratio:16/9;min-height:300px;background:#0b1014;border:1px solid var(--line);object-fit:contain}@media(max-width:760px){.pet-video-grid{grid-template-columns:1fr}.pet-video-grid video{min-height:auto;aspect-ratio:16/9}}.header{position:relative!important;top:auto!important}.pigment-price-card .price{font-size:24px!important;line-height:1.25;font-weight:900}.catalog.pet .price{font-size:15px!important;line-height:1.3}.sample-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.sample-card{overflow:hidden;background:#fff;border:1px solid var(--line)}.sample-card img{width:100%;height:185px;object-fit:cover;background:#fff}.sample-card>div{padding:13px 14px}.sample-card span{color:var(--red);font-size:12px;font-weight:900}.sample-card h3{margin:3px 0;font-size:17px;line-height:1.35}.sample-card p{margin:0;color:var(--muted);font-size:13px}.pet-video-section{width:min(1440px,calc(100vw - 40px));margin:0 50% 38px;transform:translateX(-50%)}.pet-video-grid{gap:24px}.pet-video-grid video{display:block;position:relative;z-index:0;min-height:400px}@media(max-width:760px){.pet-video-section{width:auto;margin:0 0 30px;transform:none}.pet-video-grid{gap:16px}.pet-video-grid video{min-height:auto}}@media(max-width:960px){.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.sample-grid{grid-template-columns:1fr}.sample-card img{height:auto;aspect-ratio:16/9}.catalog.pet .price{font-size:15px!important}}.showcase-layout{display:grid;grid-template-columns:minmax(360px,.86fr) minmax(0,1.35fr);gap:24px;align-items:start;margin-top:20px}.specification-table{margin:0;background:#fff;border:1px solid var(--line);padding:10px}.specification-table img{width:100%;height:auto;display:block}.specification-table figcaption{padding:10px 6px 3px;color:var(--muted);font-size:13px;line-height:1.5}.showcase-layout .sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.showcase-layout .sample-card img{height:210px}@media(max-width:960px){.showcase-layout{grid-template-columns:1fr}.showcase-layout .sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.showcase-layout .sample-grid{grid-template-columns:1fr}.showcase-layout .sample-card img{height:auto;aspect-ratio:16/9}}.sample-card .sample-description{margin:8px 0 6px;color:#344650;font-size:13px;line-height:1.58}.sample-card .sample-description+p{margin-top:6px}.showcase-layout{grid-template-columns:minmax(470px,1.05fr) minmax(0,1fr)}.specification-table{padding:6px}.luminous-brief{margin:14px 0 0;padding:22px;background:#14242b;border-left:5px solid #e3b22d;color:#f4f8f8}.luminous-brief .brief-kicker{margin:0 0 6px;color:#f2c140;font-size:11px;font-weight:900;letter-spacing:1.1px}.luminous-brief h3{margin:0 0 10px;color:#fff;font-size:21px;line-height:1.28}.luminous-brief>p:not(.brief-kicker){margin:0;color:#d7e0e1;font-size:13px;line-height:1.65}.luminous-brief dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:18px 0 0}.luminous-brief dl div{padding-top:10px;border-top:1px solid rgba(255,255,255,.19)}.luminous-brief dt{color:#f2c140;font-size:11px;font-weight:900;letter-spacing:.8px}.luminous-brief dd{margin:4px 0 0;color:#e7eeee;font-size:12px;line-height:1.55}@media(max-width:960px){.showcase-layout{grid-template-columns:1fr}.luminous-brief dl{grid-template-columns:1fr 1fr}}@media(max-width:560px){.luminous-brief{padding:18px}.luminous-brief dl{grid-template-columns:1fr}}.brand{font-size:18px}.brand small{font-size:9px}.split-card:first-child img{width:72%;height:72%;inset:10% auto auto 14%;border-radius:50%;object-fit:cover}.split-card:first-child .split-content{margin-top:auto}.pigment-hero-image{border-radius:50%;width:min(100%,360px)!important;justify-self:center}.catalog.pet .product img{border-radius:18px}.pet-video-section{margin-top:76px;width:min(1500px,calc(100vw - 40px));}.pet-video-grid{grid-template-columns:repeat(2,minmax(360px,1fr));gap:28px}.pet-video-grid video{min-height:440px;border-radius:12px}@media(max-width:760px){.pet-video-section{margin-top:40px;width:auto}.pet-video-grid{grid-template-columns:1fr}.pet-video-grid video{min-height:auto}.pigment-hero-image{width:100%!important;border-radius:50%}}
.detail-hero .pigment-hero-image{width:min(100%,420px)!important;filter:brightness(1.35) contrast(1.45) saturate(1.15);transform:scale(1.02)}@media(max-width:760px){.detail-hero .pigment-hero-image{width:min(100%,360px)!important;filter:brightness(1.3) contrast(1.4) saturate(1.1)}}
.showcase-layout{margin-top:48px}.specification-table{margin-top:12px}.detail-hero .pigment-hero-image{width:min(100%,450px)!important;padding:12px;background:#f4f7f7;border:3px solid #d9e1e2;filter:brightness(1.5) contrast(1.65) saturate(1.2)}@media(max-width:760px){.showcase-layout{margin-top:32px}.specification-table{margin-top:8px}.detail-hero .pigment-hero-image{width:min(100%,380px)!important;padding:9px;filter:brightness(1.45) contrast(1.55) saturate(1.15)}}
.detail-hero + .section{position:relative;z-index:1;margin-top:-24px;background:var(--paper)}.detail-hero .pigment-hero-image{width:min(100%,470px)!important;padding:12px;background:#f4f7f7;border:3px solid #d9e1e2;filter:brightness(1.22) contrast(1.42) saturate(1.12)}@media(max-width:760px){.detail-hero + .section{margin-top:-16px}.detail-hero .pigment-hero-image{width:min(100%,390px)!important;padding:9px;filter:brightness(1.2) contrast(1.38) saturate(1.1)}}
.split-card:first-child img{width:82%;height:82%;inset:7% auto auto 9%;padding:12px;background:#f4f7f7;border:3px solid #d9e1e2;border-radius:50%;filter:brightness(1.22) contrast(1.42) saturate(1.12)}.detail-hero .pigment-hero-image{width:min(100%,490px)!important}.hero{padding-bottom:22px}.split{margin-top:28px}.section{padding-top:48px;padding-bottom:48px}.detail-hero .section{padding-top:48px;padding-bottom:48px}@media(max-width:760px){.split-card:first-child img{width:82%;height:82%;inset:7% auto auto 9%;padding:9px}.hero{padding-bottom:18px}.split{margin-top:22px}.section,.detail-hero .section{padding-top:38px;padding-bottom:38px}}
.split-card:first-child img{width:90%;height:90%;inset:4% auto auto 5%;padding:14px;background:#f4f7f7;border:3px solid #d9e1e2;border-radius:50%;filter:brightness(1.22) contrast(1.42) saturate(1.12);z-index:0}.split-card .split-content{z-index:1}.detail-hero .pigment-hero-image{width:min(100%,540px)!important;padding:14px;background:#f4f7f7;border:3px solid #d9e1e2;filter:brightness(1.22) contrast(1.42) saturate(1.12);transform:none}.showcase-layout{position:relative;margin-top:32px}.specification-table{position:relative;z-index:2;margin-top:0;padding:10px;background:#fff;box-shadow:10px 0 0 #fff,0 8px 20px rgba(17,24,32,.08)}.section{padding-top:36px;padding-bottom:36px}.hero{padding-top:48px;padding-bottom:20px}.split{margin-top:22px;gap:14px}.intro{margin-bottom:20px}.catalog{gap:12px}.brand{font-size:18px;white-space:nowrap}.brand small{font-size:9px}@media(max-width:760px){.split-card:first-child img{width:86%;height:86%;inset:6% auto auto 7%;padding:10px}.detail-hero .pigment-hero-image{width:min(100%,400px)!important;padding:10px}.section,.detail-hero .section{padding-top:30px;padding-bottom:30px}.hero{padding-top:34px}.split{margin-top:18px;gap:12px}.specification-table{box-shadow:0 6px 16px rgba(17,24,32,.08)}}
.split-card:first-child img{width:92%;height:92%;inset:3% auto auto 4%}.detail-hero .pigment-hero-image{width:min(100%,560px)!important}.showcase-note{position:relative;z-index:3;margin-bottom:10px}.section{padding-top:32px;padding-bottom:32px}.sample-grid{gap:12px}@media(max-width:760px){.split-card:first-child img{width:88%;height:88%;inset:5% auto auto 6%}.detail-hero .pigment-hero-image{width:min(100%,410px)!important}.section,.detail-hero .section{padding-top:28px;padding-bottom:28px}}
.split-card:first-child img{width:94%;height:94%;inset:2% auto auto 3%;filter:brightness(1.22) contrast(1.42) saturate(1.12)}.detail-hero .pigment-hero-image{width:min(100%,580px)!important;filter:brightness(1.22) contrast(1.42) saturate(1.12)}.brand{padding-left:10px;border-left:3px solid #f1bd2a}.section{padding-top:28px;padding-bottom:28px}.showcase-layout{margin-top:24px}.intro{margin-bottom:16px}.catalog{gap:10px}.split{margin-top:18px}@media(max-width:760px){.split-card:first-child img{width:90%;height:90%;inset:4% auto auto 5%}.detail-hero .pigment-hero-image{width:min(100%,420px)!important}.section,.detail-hero .section{padding-top:26px;padding-bottom:26px}}
.specification-table{position:relative;overflow:hidden}.specification-table::after{content:"";position:absolute;top:10px;right:10px;width:38%;height:70px;background:#eef3f6;z-index:3}@media(max-width:560px){.specification-table::after{top:8px;right:8px;width:42%;height:52px}}
.logo-brand{display:flex;align-items:center;gap:18px;padding-left:0;border-left:0}.logo-brand img{width:210px;height:70px;object-fit:contain}.logo-brand span{padding-left:18px;border-left:1px solid #dbe0e1;color:#1f7ca9;font-size:20px;font-weight:900;letter-spacing:1px}@media(max-width:760px){.logo-brand img{width:165px;height:52px}.logo-brand span{font-size:14px;padding-left:10px}}
.split-card:first-child img{width:96%;height:96%;inset:2% auto auto 2%}.detail-hero .pigment-hero-image{width:min(100%,600px)!important}.section{padding-top:24px;padding-bottom:24px}.hero{padding-top:42px;padding-bottom:16px}.split{margin-top:16px}.showcase-layout{margin-top:20px}.intro{margin-bottom:14px}@media(max-width:760px){.split-card:first-child img{width:92%;height:92%;inset:4% auto auto 4%}.detail-hero .pigment-hero-image{width:min(100%,430px)!important}.section,.detail-hero .section{padding-top:24px;padding-bottom:24px}}
.pet-video-section{width:min(1680px,calc(100vw - 20px));margin-left:50%;margin-right:50%}.pet-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pet-video-grid video{width:100%;min-height:460px}.pet-video-grid video:nth-child(2){transform:translateY(18px)}@media(max-width:760px){.pet-video-section{width:auto;margin-left:0;margin-right:0}.pet-video-grid{grid-template-columns:1fr;gap:16px}.pet-video-grid video{min-height:auto}.pet-video-grid video:nth-child(2){transform:none}}
.pet-video-section{margin-top:24px}.pet-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pet-video-grid video{width:100%;height:auto;min-height:0;aspect-ratio:16/8;object-fit:contain}.pet-video-grid video:nth-child(2){transform:none}@media(max-width:760px){.pet-video-section{margin-top:24px}.pet-video-grid{grid-template-columns:1fr}.pet-video-grid video{aspect-ratio:16/9}}
.pet-video-section{width:min(1760px,calc(100vw - 8px));margin-left:50%;margin-right:50%}.pet-video-grid{gap:10px}.pet-video-grid video{aspect-ratio:16/8}.pet-video-grid video:nth-child(2){padding-bottom:38px;box-sizing:border-box}@media(max-width:760px){.pet-video-section{width:auto;margin-left:0;margin-right:0}.pet-video-grid{gap:14px}.pet-video-grid video{aspect-ratio:16/9}.pet-video-grid video:nth-child(2){padding-bottom:24px}}
.pet-video-grid video:nth-child(2){transform:translateY(38px);padding-bottom:38px}@media(max-width:760px){.pet-video-grid video:nth-child(2){transform:none;padding-bottom:24px}}
.pet-video-grid video:nth-child(2){transform:none;padding-bottom:0;object-position:center 56%}@media(max-width:760px){.pet-video-grid video:nth-child(2){transform:none;padding-bottom:0;object-position:center 54%}}
.pet-image-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 0}.pet-image-pair img{width:100%;height:260px;object-fit:cover;border-radius:18px;background:#fff}@media(max-width:760px){.pet-image-pair{grid-template-columns:1fr}.pet-image-pair img{height:auto;aspect-ratio:4/3}}