*{box-sizing:border-box}html{scroll-behavior:smooth}body.front{margin:0;background:#fafbff;color:#111a36;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}.front button,.front input{font:inherit}.sitewrap{max-width:1480px;margin:auto;padding:0 30px}.topnav{height:78px;background:#fff;position:relative;z-index:3;border-bottom:1px solid #ecedff}.navflex{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.logoarea{display:flex;align-items:center;gap:12px;text-decoration:none;color:#0c1736}.logoBox{display:grid;place-items:center;width:54px;height:54px;border-radius:13px;background:linear-gradient(145deg,#7468ff,#4337e7);color:white;font-size:34px;font-weight:800}.logoBox img{max-width:100%;max-height:100%;object-fit:contain}.logoText{display:grid;gap:3px;white-space:nowrap}.logoText b{font-size:22px}.logoText small{font-size:11px;color:#8a93ab}.navitems{display:flex;gap:35px;align-items:center}.navitems a{color:#18233e;text-decoration:none;font-weight:600;font-size:14px}.navitems a.selected{color:#5949f6}.navutils{display:flex;align-items:center;gap:14px}.roundSearch{display:grid;place-items:center;border-radius:50%;background:#f4f5ff;color:#101d42;width:42px;height:42px;text-decoration:none;font-size:28px}.submitButton,.heroSearch button,.copyWechat{background:linear-gradient(110deg,#9180ff,#5141f3);border:0;border-radius:13px;color:white;text-decoration:none;padding:12px 28px;font-weight:700;box-shadow:0 8px 20px #6057ed22}.newhero{background:radial-gradient(ellipse at 88% 48%,#cbcaff99,transparent 44%),linear-gradient(125deg,#f4f2ff,#f9fbff 56%,#e9edff);overflow:hidden}.heroContent{display:flex;min-height:345px;align-items:center;position:relative}.heroCopy{position:relative;z-index:2;width:70%;padding:38px 0}.heroEyebrow{font-size:12px;color:#7f80b9;letter-spacing:2px;font-weight:700}.heroCopy h1{font-size:clamp(30px,3.4vw,52px);margin:12px 0;font-weight:850;letter-spacing:-1px}.heroCopy h1 span,.directoryHead h2 span{color:#6151f7}.heroCopy>p{font-size:17px;color:#64718e;margin:0 0 27px}.heroSearch{display:flex;align-items:center;background:#fff;border-radius:40px;padding:7px 7px 7px 20px;box-shadow:0 12px 25px #8b83e71c;max-width:810px;gap:12px}.searchIcon{font-size:30px;color:#574afb;line-height:1}.heroSearch input{border:0;outline:0;min-width:0;flex:1;color:#25355a;font-size:14px}.heroSearch button{border-radius:26px;padding:13px 34px;cursor:pointer}.sellingPoints{display:flex;gap:22px;margin-top:23px;font-size:13px;color:#293b66;font-weight:650;flex-wrap:wrap}.globeArt{width:36%;position:absolute;right:25px;top:25px;height:290px}.globe{width:225px;height:225px;border-radius:50%;position:absolute;right:80px;top:25px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#c9f7ff,#6379ff 45%,#2923cb 90%);box-shadow:inset -30px -22px 35px #273bbf77,0 18px 45px #655dfa66;border:3px solid #d8edff;font-size:150px;overflow:hidden}.globe em{position:absolute;font-size:42px;font-style:normal;font-weight:900;color:#fff;text-shadow:0 2px 10px #253b9b;background:#5867d3bb;border:3px solid #b6e4ff;border-radius:18px;padding:1px 9px}.orbital{position:absolute;border:2px solid #8c83ff70;transform:rotate(-24deg);border-radius:50%;height:92px;width:340px;right:22px;top:98px}.orbital.two{transform:rotate(27deg)}.bubble{position:absolute;background:#7665f9;color:#fff;padding:9px 12px;border-radius:8px;font-size:12px;z-index:2;box-shadow:0 7px 15px #7c6afd55}.bubble1{right:282px;top:30px}.bubble2{right:0;top:58px}.bubble3{right:290px;top:184px}.bubble4{right:10px;top:218px}.directory{padding-top:27px;padding-bottom:26px}.directoryHead{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.directoryHead h2{font-size:25px;margin:0 0 4px}.directoryHead p{color:#8a91a8;margin:0;font-size:12px}.subtleLink{font-size:12px;text-decoration:none;color:#66718e}.directoryLayout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px}.directoryLayout.withoutContact{grid-template-columns:1fr}.newTabs{display:flex;gap:7px;margin-bottom:17px;overflow-x:auto;padding-bottom:3px}.newTab{border:0;background:#f0f2fd;border-radius:10px;padding:12px 14px;white-space:nowrap;color:#27365d;font-weight:650;cursor:pointer;font-size:12px;flex:1}.newTab.active{background:linear-gradient(120deg,#9781ff,#5849f6);color:#fff}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.newCard{min-height:238px;background:white;border-radius:12px;padding:20px 15px 14px;position:relative;border:1px solid #e9ebf9;box-shadow:0 9px 24px #334b8410;display:flex;flex-direction:column}.rank{position:absolute;left:0;top:0;border-radius:11px 0 10px 0;background:#ffbd52;color:white;font-size:15px;padding:4px 11px;font-weight:800}.cardTop{display:flex;gap:12px;align-items:center;margin:4px 0 13px}.brandAvatar{display:grid;place-items:center;width:49px;height:49px;flex-shrink:0;background:linear-gradient(140deg,#238bfb,#5344ef);border-radius:12px;color:#fff;font-weight:800;font-size:18px}.newCard:nth-child(4n+2) .brandAvatar{background:linear-gradient(140deg,#0b263b,#14d1bb)}.newCard:nth-child(4n+3) .brandAvatar{background:linear-gradient(140deg,#2569ee,#02a8fe)}.newCard:nth-child(4n) .brandAvatar{background:linear-gradient(140deg,#00af89,#16d596)}.cardTitle{min-width:0}.cardTitle h3{font-size:16px;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cardTitle>span{font-size:11px;color:#6557f6;background:#f0eeff;border-radius:6px;padding:3px 5px;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardDesc{font-size:12px;color:#53617e;line-height:1.7;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:60px}.cardChips{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;margin-bottom:12px;color:#6459f7;font-size:11px}.cardAction{border:1px solid #6f5afa;border-radius:8px;display:block;text-align:center;padding:9px 5px;color:#5848f6;font-size:13px;font-weight:800;text-decoration:none}.cardAction:hover{background:#6353f6;color:white}.contact{background:#fff;border:1px solid #eaedfa;border-radius:12px;padding:18px 15px;box-shadow:0 8px 18px #334b840d;align-self:start}.contactHead{display:flex;align-items:center;justify-content:space-between;gap:8px}.contactHead h3{font-size:17px;margin:0}.online{font-size:10px;color:#1fb87e;white-space:nowrap}.qrDisplay{width:155px;height:155px;margin:18px auto 8px;display:grid;place-items:center;border-radius:9px;background:#f4f5ff;border:1px dashed #d6d9f9}.qrDisplay img{width:100%;height:100%;object-fit:contain}.qrPlaceholder{text-align:center;color:#9396b2;font-size:13px}.qrPlaceholder small{font-size:10px}.wechatlabel{text-align:center;font-size:13px;margin:7px 0 4px}.wechatnote{text-align:center;color:#74809a;font-size:11px;margin:6px 0 12px}.copyWechat{display:block;width:100%;cursor:pointer;font-size:12px;padding:11px}.contactDivider{border-top:1px solid #eff0f9;margin:18px 0}.contactItems p{font-size:12px;color:#4740d3;margin:14px 0}.contactItems b{display:inline-block;color:#27334d;margin-left:4px}.contactItems small{display:block;color:#95a0b3;margin-left:24px;margin-top:4px}.newFooter{background:#17203b;color:#fff;padding:27px 0}.footerflex{display:flex;align-items:center;justify-content:space-between;gap:20px}.footerBrand{font-size:17px;font-weight:750}.newFooter p{color:#a1acc9;font-size:12px}.footerLinks{display:flex;gap:25px}.footerLinks a{color:#d5daf1;font-size:12px;text-decoration:none}.noResults{padding:45px;text-align:center;color:#66718e}@media(max-width:1180px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.globeArt{opacity:.45}.heroCopy{width:85%}.navitems{gap:15px}}@media(max-width:820px){.sitewrap{padding:0 17px}.topnav{height:65px}.navitems,.roundSearch{display:none}.logoText b{font-size:16px}.logoText small{font-size:9px}.logoBox{width:40px;height:40px;font-size:25px}.submitButton{padding:10px 14px;font-size:12px}.heroContent{min-height:305px}.heroCopy{width:100%;padding:35px 0}.heroCopy h1{font-size:31px}.heroCopy>p{font-size:14px}.globeArt{display:none}.sellingPoints{gap:11px;font-size:11px}.directoryLayout{grid-template-columns:1fr}.contact{max-width:440px;width:100%;margin:auto}.newTab{flex:0 0 auto}.footerflex{flex-direction:column;align-items:flex-start}}@media(max-width:510px){.cards{grid-template-columns:1fr}.heroSearch button{padding:10px 17px}.heroSearch input{font-size:12px}.heroCopy h1{font-size:28px}.newCard{min-height:210px}.directoryHead h2{font-size:21px}.footerLinks{flex-wrap:wrap;gap:13px}}
