:root{--red:#d51f35;--dark:#222;--cream:#f7f6f1;--soft:#f0efea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#262626;background:#fff;font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit}.promo{height:40px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}.promo button{position:absolute;right:22px;border:0;background:none;color:#fff;font-size:24px;cursor:pointer}header{height:88px;display:grid;grid-template-columns:130px 1fr 240px 45px 45px 85px;align-items:center;padding:0 4vw;gap:14px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 8px #00000012}.logo{position:relative;text-decoration:none;display:block;width:110px;height:55px;color:var(--red)}.logo b{font-size:13px;position:absolute;left:4px;top:8px}.logo i{font-size:34px;font-style:normal;font-weight:400;position:absolute;right:0;top:2px}.logo small{position:absolute;left:5px;bottom:5px;font-size:9px;letter-spacing:.36em}nav{display:flex;gap:26px}nav a{text-decoration:none;font-size:13px;font-weight:700;padding:34px 0;border-bottom:2px solid transparent}nav a.active,nav a:hover{color:var(--red);border-color:var(--red)}.search{height:42px;border-radius:25px;background:#f5f5f5;color:#999;padding:13px 17px;font-size:12px}.search b{float:right;font-size:18px;color:#777}.ico{border:0;background:none;font-size:22px;position:relative}.ico em{position:absolute;right:-1px;top:-9px;background:var(--red);color:#fff;font-size:9px;border-radius:10px;padding:2px 5px;font-style:normal}.lang{font-size:12px}.hamb{display:none}.hero{height:750px;margin:0 1vw;border-radius:0 0 34px 34px;background:linear-gradient(90deg,rgba(0,0,0,.58),transparent 68%),url('hero-jewelry.jpg') center/cover;display:flex;align-items:center}.heroCopy{color:#fff;margin-left:3.8vw}.heroCopy p{font-size:17px;font-weight:700}.heroCopy h1,.heroCopy h2{font-size:58px;line-height:1.15;margin:15px 0;font-weight:700}.heroCopy h1{font-weight:400}.heroCopy h3{font-size:20px;line-height:1.55}.heroCopy a,.freshCopy a,.signals a,.why>a,.guarantee a{display:inline-block;background:var(--red);color:#fff;border-radius:28px;padding:17px 42px;text-decoration:none;font-weight:700;margin-top:15px}.fresh{display:grid;grid-template-columns:1fr 1fr;max-width:1180px;margin:100px auto;align-items:center;gap:7vw}.freshCopy h2,.partners h2,.shop>h2,.expertCopy>h2,.easy>h2,.signalCopy h2,.reviews>h2,.why>h2,.guarantee h2{font-size:42px;margin:0 0 22px}.freshCopy p{color:#777;line-height:1.8}.freshImage{height:480px;border-radius:28px;background:url('ruby-jewelry.jpg') center/cover;position:relative}.freshImage>div{position:absolute;bottom:0;left:0;right:0;background:#fff;padding:24px;border-radius:0 0 28px 28px}.freshImage h3{margin:0 0 7px}.freshImage p{margin:0;color:#777}.partners{text-align:center;padding:75px 4vw;background:#faf9f5}.partners a{font-size:15px;color:var(--red)}.partnerRow{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:45px}.partnerRow span{height:95px;background:#fff;border:1px solid #eee;display:grid;place-items:center;font-weight:700;color:#777}.shop{text-align:center;padding:100px 4vw}.shop>p,.easy>p{color:#777}.productGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:45px}.productGrid article{text-align:center}.pic{height:360px;border-radius:22px;position:relative;display:grid;place-items:center;color:#fff}.pic>button{position:absolute;right:15px;top:15px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;font-size:19px}.pic>button.saved{color:var(--red)}.pic>b{border:1px solid #ffffffbb;padding:14px;letter-spacing:.15em}.ruby{background:url('ruby-jewelry.jpg') center/cover}.pearl{background:radial-gradient(circle,#fff,#bfb7aa)}.jade{background:radial-gradient(circle,#e0ead9,#6b8069)}.diamond{background:radial-gradient(circle at 45% 36%,#fff 0 8%,#dce2e5 9% 18%,#8d989e 19% 32%,#252a2d 60%,#111)}.productGrid h3{font-size:21px;margin-bottom:5px}.productGrid p{font-size:13px;color:#777}.productGrid strong{display:block;font-size:24px;margin:16px}.productGrid article>a{display:inline-block;background:var(--red);color:#fff;text-decoration:none;padding:13px 37px;border-radius:25px}.expert{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#eff0ec}.expertCopy{padding:8vw;display:flex;flex-direction:column;justify-content:center}.expertCopy blockquote{font-size:20px;line-height:1.7;margin:10px 0 24px}.expertCopy h3{margin:0}.expertCopy p{color:#777}.expertCopy a{text-decoration:none;font-weight:700;margin-top:20px}.expertCopy a span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--red);color:#fff;margin-right:10px}.expertImage{background:url('craft-jewelry.jpg') center/cover}.easy{text-align:center;padding:100px 4vw}.stepTrack{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}.stepTrack article{text-align:left;height:310px;border-radius:24px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,#000b,transparent),url('craft-jewelry.jpg') center/cover;color:#fff}.stepTrack article:nth-child(2){background-image:linear-gradient(0deg,#000b,transparent),url('ruby-jewelry.jpg')}.stepTrack article:nth-child(3){background-image:linear-gradient(0deg,#000b,transparent),url('hero-jewelry.jpg')}.stepTrack article:nth-child(4){background-image:linear-gradient(0deg,#000b,transparent),url('craft-jewelry.jpg')}.stepTrack h3{font-size:24px;margin-bottom:6px}.stepTrack p{font-size:13px}.signals{display:grid;grid-template-columns:40% 60%;min-height:650px;background:#f3f1ec}.signalCopy{padding:7vw;display:flex;flex-direction:column;justify-content:center}.signalCopy p{line-height:1.8;color:#777}.signalGrid{display:grid;grid-template-columns:1fr 1fr}.signalGrid article{display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:#fff;min-height:325px;background-position:center;background-size:cover}.signalGrid b{font-size:21px}.signalGrid p{font-size:13px}.s1{background:linear-gradient(0deg,#000b,transparent),url('ruby-jewelry.jpg')}.s2{background:linear-gradient(0deg,#000b,transparent),radial-gradient(circle,#fff,#999)}.s3{background:linear-gradient(0deg,#0009,transparent),radial-gradient(circle,#dce8d8,#627661)}.s4{background:linear-gradient(0deg,#0008,transparent),url('hero-jewelry.jpg')}.reviews{text-align:center;padding:100px 4vw}.reviewTrack{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1100px;margin:45px auto}.reviewTrack article{background:#f7f6f2;border-radius:24px;padding:28px}.avatar{height:210px;border-radius:16px;background-size:cover;background-position:center}.a1{background-image:url('ruby-jewelry.jpg')}.a2{background-image:url('hero-jewelry.jpg')}.a3{background-image:url('craft-jewelry.jpg')}.reviewTrack p{color:var(--red)}.reviewTrack blockquote{line-height:1.7;color:#666}.arrows button{border:1px solid #ddd;background:#fff;width:45px;height:45px;border-radius:50%;font-size:22px}.why{text-align:center;padding:100px 4vw;background:#faf9f5}.whyGrid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:45px auto;gap:25px}.whyGrid article{background:#fff;padding:45px;border-radius:22px}.whyGrid i{display:grid;place-items:center;margin:auto;width:70px;height:70px;background:#fdecef;color:var(--red);border-radius:50%;font-size:30px}.whyGrid h3{font-size:21px}.whyGrid p{color:#777;line-height:1.7}.guarantee{display:grid;grid-template-columns:2fr 1fr;align-items:center;padding:80px 10vw;background:var(--red);color:#fff}.guarantee p{font-size:17px}.guarantee a{background:#fff;color:var(--red)}.badge{width:210px;height:210px;border:6px double #fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-6deg)}.badge b{font-size:22px}.badge span{font-size:12px;margin-top:8px}footer{background:#202020;color:#fff;padding:75px 5vw 25px;display:grid;grid-template-columns:1.5fr 1.5fr repeat(3,1fr);gap:35px}footer .logo{filter:grayscale(1) brightness(4)}footer p,footer a{display:block;color:#bbb;font-size:12px;line-height:2;text-decoration:none}footer h4{font-size:14px}footer>small{grid-column:1/-1;border-top:1px solid #444;padding-top:22px;color:#777}.drawer{display:none}.drawer.show{position:fixed;display:flex;z-index:50;inset:0 20% 0 0;background:#fff;padding:30px;flex-direction:column;gap:25px;box-shadow:0 0 0 100vmax #0008}.drawer button{align-self:flex-end;border:0;background:none;font-size:30px}.drawer a{text-decoration:none;font-size:25px;font-weight:700}
@media(max-width:1000px){header{grid-template-columns:1fr auto}header nav,.search,.ico,.lang{display:none}.hamb{display:block;border:0;background:none;font-size:24px}.hero{height:650px;background-position:62% center}.heroCopy h1,.heroCopy h2{font-size:44px}.fresh{padding:0 5vw}.partnerRow{grid-template-columns:repeat(3,1fr)}.productGrid,.stepTrack{grid-template-columns:1fr 1fr}.signals{grid-template-columns:1fr}.reviewTrack{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}.footBrand{grid-column:1/-1}}
@media(max-width:600px){.hero{border-radius:0;height:600px}.heroCopy{margin:0 7vw}.heroCopy h1,.heroCopy h2{font-size:36px}.heroCopy h3{font-size:16px}.fresh,.expert{grid-template-columns:1fr}.fresh{margin:70px 0}.freshImage{height:420px}.partnerRow{grid-template-columns:1fr 1fr}.productGrid,.stepTrack,.signalGrid,.reviewTrack,.whyGrid{grid-template-columns:1fr}.pic{height:115vw}.expertImage{height:65vh;grid-row:1}.signals{display:block}.signalGrid article{min-height:300px}.guarantee{grid-template-columns:1fr;gap:35px;padding:70px 7vw}.badge{margin:auto}footer{grid-template-columns:1fr}}
