*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f5f0;color:#0a0c10;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}:root{--ink:#090b0f;--paper:#f6f5f0;--white:#fff;--cyan:#00d8ca;--pink:#ff3e8d;--yellow:#ffd036;--blue:#315dff;--line:#c9ccd1}.wrap{width:min(1400px,calc(100% - 52px));margin:auto}.eyebrow{font:1000 10px/1 Arial;letter-spacing:.22em;text-transform:uppercase}.spectrum{height:12px;display:grid;grid-template-columns:1.2fr .8fr 1fr .65fr}.spectrum i:nth-child(1){background:var(--cyan)}.spectrum i:nth-child(2){background:var(--pink)}.spectrum i:nth-child(3){background:var(--yellow)}.spectrum i:nth-child(4){background:var(--blue)}header{height:86px;background:rgba(246,245,240,.96);border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:50;backdrop-filter:blur(13px)}.nav{height:100%;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:12px;margin-right:auto}.logo-mark{width:57px;height:57px;border-radius:50%;background:var(--ink);position:relative;border:2px solid var(--ink)}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border-radius:50%}.logo-mark:before{width:25px;height:25px;background:var(--cyan);left:6px;top:7px}.logo-mark:after{width:21px;height:21px;background:var(--pink);right:5px;bottom:6px}.logo b{font:1000 23px/1 Arial,"Microsoft YaHei";letter-spacing:-.04em}.logo small{display:block;font:900 8px Arial;letter-spacing:.16em;color:#6a6d74;margin-top:5px}.navlinks{display:flex;gap:23px;font-size:13px;font-weight:1000}.navlinks a{padding:29px 0;border-bottom:4px solid transparent}.navlinks a:hover{border-color:var(--pink);color:var(--blue)}.menu{display:none;border:2px solid var(--ink);background:var(--yellow);padding:9px 12px;font-weight:1000}.mobile{display:none}.hero{min-height:800px;background:var(--ink);color:white;display:grid;grid-template-columns:1.05fr .95fr;border-bottom:2px solid var(--ink)}.hero-copy{padding:92px max(42px,calc((100vw - 1400px)/2));padding-right:75px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-copy:before{content:"COLOR VERIFIED";position:absolute;right:-95px;top:160px;transform:rotate(90deg);font:1000 11px Arial;letter-spacing:.45em;color:#3e424b}.hero h1{font:1000 clamp(75px,8vw,132px)/.82 Arial,"Microsoft YaHei";letter-spacing:-.09em;margin:26px 0}.hero h1 em{font-style:normal;color:var(--cyan)}.hero h2{font:1000 clamp(27px,3vw,45px)/1.05 Arial,"Microsoft YaHei";margin:0 0 24px;letter-spacing:-.04em}.hero p{font-size:17px;color:#c7cbd2;max-width:700px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 25px;background:var(--cyan);color:var(--ink);border:2px solid white;font-weight:1000;box-shadow:7px 7px 0 var(--pink);transition:.2s}.btn:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--pink)}.btn.alt{background:transparent;color:white;box-shadow:none}.hero-art{background:url('/assets/hero.webp') center/cover;position:relative;min-height:800px}.verify-card{position:absolute;left:32px;right:32px;bottom:32px;background:rgba(246,245,240,.95);color:var(--ink);border:2px solid var(--ink);padding:24px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}.verify-card h3{font:1000 20px/1.1 Arial,"Microsoft YaHei";margin:8px 0}.verify-card p{font-size:12px;margin:0;color:#656971}.seal{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink)}.seal span{padding:13px 8px;border-right:1px solid var(--ink);font:1000 10px Arial;text-align:center}.seal span:nth-child(1){background:var(--cyan)}.seal span:nth-child(2){background:var(--pink);color:white}.seal span:nth-child(3){background:var(--yellow);border:0}.facts{background:white;border-bottom:2px solid var(--ink)}.facts .wrap{display:grid;grid-template-columns:repeat(5,1fr)}.fact{padding:25px 19px;border-right:1px solid var(--line);font-size:12px}.fact b{display:block;font:1000 10px Arial;color:var(--blue);margin-bottom:7px}.section{padding:108px 0}.white{background:white}.dark{background:var(--ink);color:white}.cyan{background:var(--cyan)}.yellow{background:var(--yellow)}.heading{display:grid;grid-template-columns:1.06fr .94fr;gap:90px;align-items:end;margin-bottom:54px}.heading h2,.pagehead h1{font:1000 clamp(46px,5vw,74px)/.95 Arial,"Microsoft YaHei";letter-spacing:-.055em;margin:14px 0 0}.heading h2{font-size:43px}.heading p{font-size:17px;color:#62666f;font-weight:650;margin:0}.dark .heading p{color:#c5c9d1}.download-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;border:2px solid var(--ink)}.download-card{min-height:390px;padding:36px 30px;border-right:2px solid var(--ink);background:white;position:relative}.download-card:last-child{border:0}.download-card:nth-child(2){background:var(--cyan)}.download-card:nth-child(3){background:var(--yellow)}.download-card .os{font:1000 11px Arial;color:var(--blue)}.download-card h3{font:1000 29px/1.08 Arial,"Microsoft YaHei";margin:46px 0 17px}.download-card p{color:#5c6069}.download-card .flag{position:absolute;right:18px;top:16px;border:1px solid var(--ink);padding:5px 8px;background:var(--pink);color:white;font:900 9px Arial}.download-card a{position:absolute;left:30px;bottom:30px;font-weight:1000;color:var(--blue)}.trace{display:grid;grid-template-columns:repeat(5,1fr);border:2px solid white}.trace-step{min-height:300px;padding:30px 23px;border-right:1px solid #464a52;position:relative}.trace-step:last-child{border:0}.trace-step strong{font:1000 64px/1 Arial;color:var(--cyan)}.trace-step:nth-child(2) strong{color:var(--pink)}.trace-step:nth-child(3) strong{color:var(--yellow)}.trace-step:nth-child(4) strong{color:#7592ff}.trace-step h3{font:1000 22px/1.1 Arial,"Microsoft YaHei";margin:43px 0 12px}.trace-step p{color:#b6bac3;font-size:14px}.topics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.topic{background:white;border:2px solid var(--ink);padding:28px;min-height:270px;position:relative;overflow:hidden}.topic:hover{box-shadow:7px 7px 0 var(--pink);transform:translateY(-4px)}.topic .n{font:1000 10px Arial;color:var(--blue)}.topic h3{font:1000 24px/1.1 Arial,"Microsoft YaHei";margin:44px 0 14px}.topic p{font-size:14px;color:#60646d}.topic:after{content:"";width:85px;height:85px;border-radius:50%;background:var(--cyan);position:absolute;right:-32px;top:-32px}.topic:nth-child(2n):after{background:var(--pink)}.topic:nth-child(3n):after{background:var(--yellow)}.feature{display:grid;grid-template-columns:1.18fr .82fr;gap:16px}.feature-img{min-height:665px;background:url('/assets/lab.webp') center/cover;border:2px solid var(--ink);display:flex;align-items:end;position:relative}.feature-img:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,11,15,.92),transparent 66%)}.feature-copy{position:relative;z-index:2;padding:38px;color:white}.feature-copy h3{font:1000 32px/1.08 Arial,"Microsoft YaHei";margin:12px 0}.feature-copy p{color:#d4d7de}.news-stack{display:flex;flex-direction:column;border:2px solid var(--ink);background:white}.news-item{flex:1;padding:21px 23px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:60px 1fr;gap:17px;align-items:center}.news-item:last-child{border:0}.news-item:hover{background:var(--cyan)}.news-item time{font:1000 10px Arial;color:var(--blue)}.news-item time b{display:block;font-size:25px;color:var(--pink)}.label{font:1000 10px Arial;letter-spacing:.12em;color:var(--blue)}.news-item h3{font:1000 16px/1.32 Arial,"Microsoft YaHei";margin:6px 0}.pc-split{display:grid;grid-template-columns:1fr 1fr;min-height:700px}.pc-art{background:url('/assets/devices.webp') center/cover}.pc-copy{padding:90px clamp(38px,7vw,115px);display:flex;flex-direction:column;justify-content:center;background:var(--blue);color:white}.pc-copy h2{font:1000 60px/.94 Arial,"Microsoft YaHei";letter-spacing:-.06em;margin:17px 0}.pc-copy p{color:#dfe5ff}.checks{margin:24px 0}.check{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-top:1px solid rgba(255,255,255,.48);font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink)}.metric{padding:38px 25px;border-right:1px solid var(--ink);background:white}.metric:nth-child(2){background:var(--cyan)}.metric:nth-child(3){background:var(--pink);color:white}.metric:nth-child(4){background:var(--yellow)}.metric strong{display:block;font:1000 64px/1 Arial}.pagehead{padding:96px 0 74px;background:var(--ink);color:white;border-bottom:10px solid var(--cyan);position:relative;overflow:hidden}.pagehead:after{content:"C";position:absolute;right:3vw;bottom:-120px;font:1000 320px/.8 Arial;color:#22262d}.pagehead>*{position:relative;z-index:2}.pagehead p{font-size:18px;color:#c6cad2;max-width:880px}.crumb{font:1000 10px Arial;color:var(--cyan);letter-spacing:.18em}.article{width:min(900px,calc(100% - 38px));margin:72px auto 110px}.article .lead{font:900 21px/1.75 Arial,"Microsoft YaHei"}.article h2{font:1000 33px/1.18 Arial,"Microsoft YaHei";margin-top:46px;letter-spacing:-.03em}.article p{font-size:17px;color:#454a54}.article-visual{margin:38px 0;border:2px solid var(--ink);padding:10px;background:white;box-shadow:8px 8px 0 var(--cyan)}.article-visual img{width:100%;height:auto}.article-visual figcaption{font-size:12px;color:#6a6e77;padding:11px 4px 2px}.byline{display:flex;gap:17px;flex-wrap:wrap;font-size:12px;font-weight:800;color:#676b74;border-bottom:2px solid var(--ink);padding-bottom:17px}.steps{background:var(--cyan);border:2px solid var(--ink);padding:28px 28px 28px 52px}.source,.notice{background:white;border:2px solid var(--ink);padding:22px;margin-top:38px;font-size:13px;box-shadow:6px 6px 0 var(--pink)}.source a{font-weight:900;color:var(--blue)}.archive{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.archive a{padding:24px;background:white;border:2px solid var(--ink);display:flex;flex-direction:column;gap:8px}.archive a:hover{box-shadow:6px 6px 0 var(--pink)}.archive b{font:1000 18px/1.35 Arial,"Microsoft YaHei"}.archive small{color:#696d76}.pagination{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:38px}.pagination a,.pagination span{width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--ink);background:white;font-weight:900}.pagination .on{background:var(--cyan)}footer{background:var(--ink);color:white}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:55px;padding:72px 0}.foot .logo b,.foot .logo small{color:white}.foot p{color:#a8acb5}.foot h4{color:var(--cyan)}.foot a{display:block;margin:9px 0;font-size:13px}.copy{border-top:1px solid #444850;padding:22px 0;color:#858a94;font-size:11px}
@media(max-width:980px){.navlinks{display:none}.menu{display:block}.mobile.open{display:flex;position:fixed;z-index:49;top:98px;left:0;right:0;background:white;padding:24px;flex-direction:column;gap:16px;border-bottom:6px solid var(--pink)}.hero,.heading,.feature,.pc-split{grid-template-columns:1fr}.hero-copy{padding:82px 38px}.hero-art{min-height:650px}.facts .wrap{grid-template-columns:repeat(3,1fr)}.download-grid{grid-template-columns:1fr}.download-card{border-right:0;border-bottom:2px solid var(--ink)}.trace{grid-template-columns:repeat(3,1fr)}.topics{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1400px)}header,.nav{height:74px}.mobile.open{top:86px}.logo-mark{width:46px;height:46px}.logo b{font-size:19px}.logo small{font-size:7px}.hero-copy{padding:68px 22px}.hero h1{font-size:64px}.hero h2{font-size:31px}.hero p{font-size:15px}.hero-art{min-height:555px}.verify-card{left:14px;right:14px;bottom:14px;padding:16px;grid-template-columns:1fr}.facts .wrap,.trace,.topics,.metrics,.archive{grid-template-columns:1fr}.fact{border-bottom:1px solid var(--line)}.section{padding:74px 0}.heading{gap:24px}.heading h2,.pagehead h1{font-size:42px}.download-card{min-height:360px}.trace-step{min-height:250px}.feature-img{min-height:500px}.feature-copy{padding:25px}.feature-copy h3{font-size:29px}.news-item{grid-template-columns:48px 1fr;padding:17px}.news-item h3{font-size:15px}.pc-art{min-height:430px}.pc-copy{padding:66px 26px}.pc-copy h2{font-size:48px}.article{width:min(100% - 28px,900px)}.article h2{font-size:28px}.foot{grid-template-columns:1fr;gap:28px}}