/* HuiFa's public-facing visual system: a business portal with distinct industry color. */
.portal-home{background:#f3f7fa}
.site-account-actions .nav-cta,.portal-home header .nav-cta{background:#f16b3b;border-color:#f16b3b;color:#fff}
.site-account-actions .nav-cta:hover,.portal-home header .nav-cta:hover{background:#da5429;border-color:#da5429;color:#fff}

.portal-home .commerce-network-hero{
  min-height:650px;
  background:linear-gradient(90deg,#071c37 0%,#0a3157f0 38%,#0b3d60ad 64%,#112d3b40 100%),url('/assets/scene-business.png') center 43%/cover no-repeat;
}
.portal-home .commerce-network-hero::before{background:radial-gradient(circle at 84% 20%,#ffc46d31,transparent 31%),linear-gradient(180deg,transparent 62%,#071c37a1)}
.portal-home .commerce-network-inner{max-width:1280px;padding:68px 28px 110px;text-align:left}
.portal-home .commerce-network-kicker{display:inline-block;margin-bottom:22px;padding:7px 0 7px 14px;border-left:3px solid #ffa464;color:#d8edff;font-size:12px;letter-spacing:2.1px}
.portal-home .commerce-network-hero h1{max-width:690px;font-size:clamp(45px,5vw,68px);line-height:1.22;text-wrap:balance}
.portal-home .commerce-network-lead{max-width:610px;margin:18px 0 0;color:#e0ecf6;font-size:18px;line-height:1.8}
.portal-home .commerce-hero-search{max-width:760px;margin:37px 0 0;border:1px solid #dce7f4;border-radius:9px;box-shadow:0 24px 58px #00172f6b;overflow:visible}
.portal-home .commerce-hero-links{max-width:760px;margin:15px 0 0;background:#071f3dbd;border:1px solid #d4e5f354;border-radius:8px;overflow:hidden}
.portal-home .commerce-hero-links a:hover{background:#0a7a83a8}
.portal-home .commerce-hero-links strong{font-size:15px}
.portal-home .commerce-hero-links span{color:#c9e3ef;font-size:12px}
.commerce-scene-note{position:absolute;z-index:2;right:max(5%,calc((100vw - 1280px)/2));bottom:108px;padding:7px 10px;background:#081d36b8;border:1px solid #d8e8f14d;color:#dfedf5;font-size:12px;letter-spacing:.3px}

.portal-home .home-entry-strip{border:0;border-radius:11px;overflow:hidden;box-shadow:0 18px 45px #183d6027}
.portal-home .home-entry-strip>a{--entry-color:#1b68bf;--entry-tint:#eaf3ff;min-height:148px;border-top:4px solid var(--entry-color);transition:background .2s,transform .2s}
.portal-home .home-entry-strip>a:nth-child(2){--entry-color:#0f9d91;--entry-tint:#e7f8f5}
.portal-home .home-entry-strip>a:nth-child(3){--entry-color:#e8773c;--entry-tint:#fff1e7}
.portal-home .home-entry-strip>a:nth-child(4){--entry-color:#7761bd;--entry-tint:#f0ecfb}
.portal-home .home-entry-strip>a:nth-child(5){--entry-color:#2384ae;--entry-tint:#e7f5fa}
.portal-home .home-entry-strip>a:nth-child(6){--entry-color:#c75c74;--entry-tint:#fff0f3}
.portal-home .home-entry-strip>a:hover{background:var(--entry-tint)}
.portal-home .home-entry-strip i{color:var(--entry-color);background:var(--entry-tint);border-color:transparent;border-radius:8px}
.portal-home .home-entry-strip b{color:var(--entry-color);font-size:11px}
.portal-home .home-entry-strip strong{font-size:17px}
.portal-home .home-entry-strip span{font-size:13px}
.portal-home .home-platform-facts{color:#1c354d;background:#fff;border:1px solid #dce7ec;border-radius:9px;box-shadow:0 8px 24px #183d600b}
.portal-home .home-platform-facts article{border-color:#dfe9ee}
.portal-home .home-platform-facts strong{color:#176bd0}
.portal-home .home-platform-facts article:nth-child(2) strong{color:#0f9d91}
.portal-home .home-platform-facts article:nth-child(3) strong{color:#e8773c}
.portal-home .home-platform-facts article:nth-child(4) strong{color:#7761bd}
.portal-home .home-platform-facts small{color:#71869b;font-size:12px}

.portal-home .business-market-hub{border-top:5px solid #13a79b}
.portal-home .market-industries{background:#f4fbf9}
.portal-home .market-live{background:linear-gradient(150deg,#073f50,#087a80)}
.portal-home .market-live>a b,.portal-home .market-live>a i{color:#92e3d9}
.portal-home .market-service-entry{background:#fff8f2;border-color:#f5dfd0}
.portal-home .market-region-entry{background:#eefaf5;border-color:#d4ebdf}
.portal-home .market-demand-entry{background:#f2f5ff}
.portal-home .market-demand-entry>a{background:#eb6938}
.portal-home .market-demand-entry>a:hover{background:#d65728}

.portal-home .solution-market-grid a{position:relative;background-size:cover;background-position:center;box-shadow:0 14px 32px #123e6726;text-shadow:0 1px 2px #001e364d}
.portal-home .solution-market-grid a:nth-child(1){background:linear-gradient(180deg,#0b27384d,#071d31e8),url('/assets/scene-manufacturing.png') center/cover no-repeat;border-color:#36586b}
.portal-home .solution-market-grid a:nth-child(2){background:linear-gradient(180deg,#0b354b38,#0a3352e8),url('/assets/scene-global.png') center/cover no-repeat;border-color:#3b6e85}
.portal-home .solution-market-grid a:nth-child(3){background:linear-gradient(140deg,#1b6f76,#0a405a 60%,#df784b);border-color:#347d85}
.portal-home .solution-market-grid a:hover{box-shadow:0 23px 40px #123e6738}
.portal-home .offering-card{border-top:4px solid #1f65c8}
.portal-home .offering-card:nth-child(2){background:linear-gradient(135deg,#073a49,#087d84);border-color:#0b737c}
.portal-home .offering-card:nth-child(3){background:#fff5ed;border-color:#f2dfd2;border-top-color:#e77843}
.portal-home .offering-card:nth-child(4){background:#effaf6;border-color:#d8ebe3;border-top-color:#15a486}
.portal-home .offering-card:nth-child(5){background:#f5f2fb;border-color:#e4ddf1;border-top-color:#8566c0}
.portal-home .offering-card:nth-child(6){border-top-color:#2d80c2}
.portal-home .offering-card:nth-child(7){border-top-color:#bd6287}
.portal-home .offering-card:nth-child(2) .offering-primary{background:#fff;border-color:#fff;color:#076b73}
.portal-home .knowledge-center{background:#f2f2fb}
.portal-home .knowledge-feature{background:linear-gradient(130deg,#423d87,#2f789c)}
.portal-home .portal-service{background:#fff9f3}
.portal-home .service-steps article{background:#fff;border:1px solid #f1e6dd}
.portal-home .service-steps article:nth-of-type(2){border-top:3px solid #14a49b}
.portal-home .service-steps article:nth-of-type(3){border-top:3px solid #e77843}
.portal-home .service-steps article:nth-of-type(4){border-top:3px solid #8066ba}
.portal-home .portal-callout{background:linear-gradient(110deg,#0b3753,#087381 67%,#1262a6)}
.portal-home .portal-callout a:first-child{background:#ee7442;color:#fff;border-color:#ee7442}

.product-page .product-hero{border-bottom:5px solid var(--product)}
.product-page .product-hero .eyebrow{display:inline-block;padding:5px 0 5px 12px;border-left:3px solid var(--product)}
.product-page .product-features article{padding:26px;border:1px solid #e3e9ef;border-top:4px solid var(--product);background:linear-gradient(180deg,var(--tint),#fff 44%);box-shadow:0 11px 27px #163c5d0c}
.product-page .product-scenes article{border:1px solid #e1e8ef;box-shadow:0 12px 30px #173b5a12}
.product-page .delivery-path li{border-top:3px solid var(--product)}
.product-page .product-related>div>a{border-left:3px solid var(--product)}
.theme-geo .product-hero{background:radial-gradient(circle at 80% 30%,#e5d8ff,#f4efff 48%,#f7f8ff)}
.theme-website .product-hero{background:radial-gradient(circle at 83% 25%,#dce9ff,#f0f6ff 50%,#f8faff)}
.theme-pr .product-hero{background:radial-gradient(circle at 75% 30%,#ffd5b9,#fff1e7 51%,#fffaf5)}
.theme-ai .product-hero{background:radial-gradient(circle at 85% 30%,#e6dcff,#f5efff 52%,#fbf9ff)}
.theme-seo .product-hero{background:linear-gradient(90deg,#062a35f5,#073846cf 55%,#0c5b6396),url('/assets/scene-global.png') center/cover no-repeat}
.theme-marketing .product-hero{background:linear-gradient(90deg,#091d42f5,#12487bde 60%,#1d6e8a87),url('/assets/scene-business.png') center/cover no-repeat}
.theme-seo .product-hero:before,.theme-marketing .product-hero:before{content:'业务场景示意';position:absolute;right:7%;bottom:26px;z-index:2;padding:7px 10px;background:#081d36b8;border:1px solid #d8e8f14d;color:#dfedf5;font-size:12px}

.hub-hero.industry-manufacturing{color:#fff;background:linear-gradient(90deg,#102538f0,#123b54bf 58%,#0c26387a),url('/assets/scene-manufacturing.png') center/cover no-repeat}
.hub-hero.industry-global{color:#fff;background:linear-gradient(90deg,#0a2a43f5,#0b4660ce 60%,#16496384),url('/assets/scene-global.png') center/cover no-repeat}
.hub-hero.industry-manufacturing,.hub-hero.industry-global{position:relative}
.hub-hero.industry-manufacturing:after,.hub-hero.industry-global:after{content:'业务场景示意';position:absolute;right:7%;bottom:24px;padding:7px 10px;background:#081d36b8;border:1px solid #d8e8f14d;color:#dfedf5;font-size:12px}
.hub-hero.industry-manufacturing h1,.hub-hero.industry-global h1{color:#fff}
.hub-hero.industry-manufacturing>p:not(.eyebrow),.hub-hero.industry-global>p:not(.eyebrow){color:#e0eaf1}
.hub-hero.industry-manufacturing .crumb,.hub-hero.industry-global .crumb,.hub-hero.industry-manufacturing .eyebrow,.hub-hero.industry-global .eyebrow{color:#b9e7ef}
.hub-hero.industry-retail{background:linear-gradient(110deg,#eefbf5,#e6f6f0 62%,#ffe9d9);border-bottom:5px solid #17a889}
.hub-section.industry-pillars article:nth-child(1){background:#edf7ff;border-top:4px solid #2276c5}
.hub-section.industry-pillars article:nth-child(2){background:#edf9f4;border-top:4px solid #17a889}
.hub-section.industry-pillars article:nth-child(3){background:#fff4eb;border-top:4px solid #e27842}
.industry-route li:nth-child(2){border-color:#17a889}
.industry-route li:nth-child(3){border-color:#e27842}
.industry-route li:nth-child(4){border-color:#8266ba}
.ph-hero{background:radial-gradient(circle at 72% 50%,#0b8b8873,transparent 38%),linear-gradient(125deg,#07172b,#0a3451 70%,#0c5c67)}
.ph-copy h1 span{color:#83e0ce}
.ph-button{background:#e97143}
.ph-button:hover{background:#cf5d31}
.system-core{background:radial-gradient(circle at 35% 25%,#83dddc,#176a8a 49%,#092844)}
.ph-architecture{background:#f1f8f8}
.ph-products a:nth-child(4n+2){background:#eff9f7}
.ph-products a:nth-child(4n+3){background:#fff7f1}
.ph-products a:nth-child(4n+4){background:#f5f1fb}

@media(max-width:1000px){
  .portal-home .commerce-network-inner{padding-left:5%;padding-right:5%}
  .commerce-scene-note{right:5%}
}
@media(max-width:760px){
  .portal-home .commerce-network-hero{min-height:690px;background:linear-gradient(90deg,#071d39ed,#0b355bd9 62%,#0b3456bc),url('/assets/scene-business.png') 62% center/cover no-repeat}
  .portal-home .commerce-network-inner{padding:58px 5% 100px;text-align:left}
  .portal-home .commerce-network-hero h1{font-size:clamp(38px,10vw,48px)}
  .portal-home .commerce-network-lead{font-size:16px}
  .portal-home .commerce-hero-search,.portal-home .commerce-hero-links{max-width:100%;margin-left:0;margin-right:0}
  .portal-home .commerce-hero-links{grid-template-columns:repeat(2,1fr)}
  .commerce-scene-note{bottom:45px;font-size:11px}
  .portal-home .home-entry-strip{border-radius:0}
  .portal-home .home-entry-strip>a{min-height:132px}
  .portal-home .home-platform-facts{margin:12px 5% 0;padding:18px 10px}
  .portal-home .home-platform-facts article{padding:11px}
  .portal-home .home-platform-facts small{font-size:11px;white-space:normal}
  .hub-hero.industry-manufacturing,.hub-hero.industry-global{background-position:64% center}
  .product-page .product-features article{padding:22px}
}

/* The search and channel links stay in place while the homepage focus image changes. */
.portal-home .commerce-network-hero{isolation:isolate}
.portal-home .commerce-network-hero::before{z-index:1}
.commerce-carousel-backdrops{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.commerce-carousel-backdrop{position:absolute;inset:0;opacity:0;transition:opacity .75s ease;background-size:cover;background-repeat:no-repeat;background-position:center}
.commerce-carousel-backdrop.is-active{opacity:1}
.commerce-carousel-backdrop:nth-child(1){background-image:linear-gradient(90deg,#101e36fa 0%,#173b56e8 42%,#955b3a9c 72%,#bd79574a 100%),url('/assets/scene-city-stations.png');background-position:center}
.commerce-carousel-backdrop:nth-child(2){background-image:linear-gradient(90deg,#131a3cf8 0%,#243768e8 42%,#4c538faa 72%,#30295461 100%),url('/assets/scene-geo-search.png');background-position:center}
.commerce-carousel-backdrop:nth-child(3){background-image:linear-gradient(90deg,#071c37 0%,#0a3157f0 38%,#0b3d60ad 64%,#112d3b40 100%),url('/assets/scene-business.png');background-position:center 43%}
.commerce-carousel-backdrop:nth-child(4){background-image:linear-gradient(90deg,#071c32f5 0%,#0a3e52e6 43%,#12495b9e 70%,#112d3b55 100%),url('/assets/scene-manufacturing.png');background-position:center}
.commerce-carousel-backdrop:nth-child(5){background-image:linear-gradient(90deg,#071c37f5 0%,#103957e8 40%,#0c5074a8 68%,#112d3b52 100%),url('/assets/scene-global.png');background-position:center}
.portal-home .commerce-network-inner{z-index:2}
.commerce-carousel-copy{position:relative;min-height:300px}
.commerce-carousel-copy.is-entering{animation:commerce-copy-enter .48s ease both}
@keyframes commerce-copy-enter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.portal-home .commerce-network-hero[data-active-slide="0"] .commerce-network-kicker{border-color:#f7ad71;color:#ffe1c2}
.portal-home .commerce-network-hero[data-active-slide="0"] h1{max-width:760px;text-shadow:0 5px 25px #051e39a8}
.commerce-source-visual{display:none}
@media(min-width:1180px){
  .portal-home .commerce-network-hero[data-active-slide="0"] .commerce-source-visual{position:absolute;top:110px;right:28px;z-index:2;display:block;width:355px;padding:16px;border:1px solid #ffe6c78c;border-radius:18px;background:linear-gradient(145deg,#0b2741f2,#123e5add);box-shadow:0 30px 70px #061b38a8;backdrop-filter:blur(12px);transform:rotate(2deg)}
  .commerce-source-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 3px 14px;color:#c7e4f5;font-size:10px;letter-spacing:1.1px}
  .commerce-source-top b{padding:5px 8px;border-radius:30px;background:#ffb36e;color:#17334a;font-size:10px;letter-spacing:0;white-space:nowrap}
  .commerce-source-page{display:grid;gap:8px;padding:18px;border-radius:12px;background:#f7fbff;color:#13354e;box-shadow:0 8px 20px #001b3540}
  .commerce-source-page span,.commerce-source-bottom small{color:#376e9a;font-size:11px}
  .commerce-source-page strong{font-size:17px;line-height:1.4}
  .commerce-source-page small{color:#668095;font-size:11px}
  .commerce-source-connector{padding:16px 4px;color:#f8c693;text-align:center;font-size:12px;font-weight:700}
  .commerce-source-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .commerce-source-bottom>div{display:grid;gap:5px;padding:13px 11px;border:1px solid #8dbddd70;border-radius:9px;background:#ffffff19}
  .commerce-source-bottom small{color:#b6d5ea}
  .commerce-source-bottom strong{color:#fff;font-size:13px}
  .commerce-source-visual>p{margin:14px 2px 0;color:#d5e5f0;font-size:10px;text-align:center}
  .commerce-source-visual>p em{padding:0 3px;color:#ffbf80;font-style:normal;font-weight:800}
}
.portal-home .commerce-network-hero[data-active-slide="1"] .commerce-network-kicker{border-color:#bcb5ff;color:#e1ddff}
.portal-home .commerce-network-hero[data-active-slide="3"] .commerce-network-kicker{border-color:#53ddc0;color:#d8fff4}
.portal-home .commerce-network-hero[data-active-slide="4"] .commerce-network-kicker{border-color:#ffbd77;color:#ffead6}
.commerce-carousel-cta{display:inline-flex;margin-top:17px;padding-bottom:5px;color:#fff;border-bottom:1px solid #ffae74;font-size:14px;font-weight:700}
.commerce-carousel-cta:hover{color:#ffcdab;border-color:#ffcdab}
.commerce-carousel-cta:focus-visible{outline:3px solid #ffbd77;outline-offset:4px}
.commerce-carousel-controls{display:flex;align-items:center;gap:10px;max-width:760px;margin:18px 0 0;color:#fff}
.commerce-carousel-controls button{font:inherit;cursor:pointer;color:#fff;background:#071f3dbd;border:1px solid #cfe7fa69;transition:background .2s,border-color .2s}
.commerce-carousel-controls button:hover{background:#0b6682;border-color:#bce7ed}
.commerce-carousel-controls button:focus-visible{outline:3px solid #ffbd77;outline-offset:3px}
.commerce-carousel-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:19px!important;line-height:1}
.commerce-carousel-pagination{display:flex;align-items:center;gap:6px}
.commerce-carousel-pagination button{width:27px;height:38px;border:0;background:transparent;display:grid;place-items:center;padding:0}
.commerce-carousel-pagination button::before{content:'';width:23px;height:4px;background:#cfe3f786;transition:width .2s,background .2s}
.commerce-carousel-pagination button[aria-current="true"]::before{width:27px;background:#ffad65}
.commerce-carousel-pagination button:hover{background:transparent}
.commerce-carousel-count{min-width:49px;color:#e0eef9;font-size:12px;letter-spacing:1px}
.commerce-carousel-pause{height:38px;padding:0 13px;border-radius:19px;font-size:12px!important}
.commerce-carousel-controls .commerce-scene-note{position:static;margin-left:auto;padding:6px 8px;font-size:11px;white-space:nowrap}
@media(min-width:761px) and (max-width:1000px){
  .portal-home>header{margin-left:3%;margin-right:3%;gap:12px}
  .portal-home>header>nav{gap:9px;font-size:13px}
  .portal-home>header>nav>a,.portal-home>header>nav .product-menu>summary{white-space:nowrap}
  .portal-home>header .logo strong{font-size:20px}
  .portal-home>header .site-account-actions .nav-cta{padding:11px 10px;gap:10px;font-size:12px;white-space:nowrap}
}
@media(max-width:760px){
  .portal-home .commerce-network-hero{min-height:0}
  .portal-home .commerce-network-inner{display:flex;flex-direction:column}
  .commerce-carousel-backdrop:nth-child(1){background-image:linear-gradient(90deg,#101e36ef,#2a3d5bdb 63%,#745574bb),url('/assets/scene-city-stations.png');background-position:57% center}
  .commerce-carousel-backdrop:nth-child(2){background-image:linear-gradient(90deg,#131a3cef,#2d3b69db 63%,#3b3968bf),url('/assets/scene-geo-search.png');background-position:59% center}
  .commerce-carousel-backdrop:nth-child(3){background-image:linear-gradient(90deg,#071d39ed,#0b355bd9 62%,#0b3456bc),url('/assets/scene-business.png');background-position:62% center}
  .commerce-carousel-backdrop:nth-child(4){background-image:linear-gradient(90deg,#071d39ee,#0b4352d9 62%,#0b414fc2),url('/assets/scene-manufacturing.png');background-position:52% center}
  .commerce-carousel-backdrop:nth-child(5){background-image:linear-gradient(90deg,#071d39ee,#0b405ed9 62%,#0b3456c2),url('/assets/scene-global.png');background-position:56% center}
  .commerce-carousel-copy{min-height:280px;order:0}
  .commerce-carousel-controls{flex-wrap:wrap;order:1;margin:0 0 19px;gap:8px}
  .portal-home .commerce-hero-search{order:2;margin-top:0}
  .portal-home .commerce-hero-links{order:3}
  .commerce-carousel-arrow{width:35px;height:35px}
  .commerce-carousel-pagination{gap:4px}
  .commerce-carousel-pagination button{width:21px;height:35px}
  .commerce-carousel-pagination button::before{width:18px}
  .commerce-carousel-pagination button[aria-current="true"]::before{width:21px}
  .commerce-carousel-count{display:none}
  .commerce-carousel-pause{height:35px}
  .commerce-carousel-controls .commerce-scene-note{flex-basis:100%;margin:0;padding:0;text-align:right;background:none;border:0;color:#c2d8e4;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .commerce-carousel-backdrop{transition:none}
  .commerce-carousel-copy.is-entering{animation:none}
}