/* Dielang Cloud homepage — 2026 */
:root{--dy-brand:#ff6a1f;--dy-brand-dark:#ed4e0b;--dy-ink:#121826;--dy-muted:#657084;--dy-line:#e9edf3;--dy-soft:#f6f8fb;--dy-blue:#1677ff;--dy-radius:18px;--dy-shadow:0 12px 36px rgba(20,32,55,.07)}
#index{background:#fff;color:var(--dy-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
#index *{box-sizing:border-box}#index a{text-decoration:none}#index .home-container{width:min(1200px,calc(100% - 48px));margin-inline:auto}#index .home-section{padding:104px 0}#index h1,#index h2,#index h3,#index p{margin:0}#index h2{font-size:clamp(28px,3vw,40px);line-height:1.35;letter-spacing:-1px;font-weight:750}#index h3{font-weight:700}.section-kicker{display:block;color:var(--dy-brand);font-size:12px;font-weight:800;letter-spacing:2.4px;margin-bottom:14px}.home-heading{text-align:center;max-width:720px;margin:0 auto 48px}.home-heading p{font-size:16px;color:var(--dy-muted);line-height:1.85;margin-top:16px}.heading-row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;text-align:left;gap:24px}.heading-row>a,.text-link{color:var(--dy-brand);font-size:14px;font-weight:650;white-space:nowrap}.dy-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:0 26px;border-radius:10px;font-size:15px;font-weight:650;transition:.25s}.dy-btn:hover{transform:translateY(-2px)}.dy-btn-primary{color:#fff;background:linear-gradient(110deg,var(--dy-brand),#ff8534);box-shadow:0 10px 26px rgba(255,106,31,.25)}.dy-btn-ghost{color:#253047;background:#fff;border:1px solid #dfe5ed}.dy-btn-dark{color:#fff;background:#192235}.dy-btn-light{background:#fff;color:var(--dy-brand)}.dy-btn-outline{border:1px solid rgba(255,255,255,.45);color:#fff}
/* Hero */
.home-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#f6f9ff 0%,#fff9f4 55%,#fff 100%)}.hero-grid{position:absolute;inset:0;z-index:-2;opacity:.35;background-image:linear-gradient(#cfd9e722 1px,transparent 1px),linear-gradient(90deg,#cfd9e722 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}.hero-glow{position:absolute;width:620px;height:620px;right:3%;top:-170px;z-index:-1;background:radial-gradient(circle,#ffbe8133,transparent 67%)}.hero-inner{min-height:580px;padding-top:68px;padding-bottom:74px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px}.hero-eyebrow{display:flex;align-items:center;gap:9px;font-size:13px;color:#48546a;letter-spacing:2px;margin-bottom:22px}.hero-eyebrow span{width:7px;height:7px;background:var(--dy-brand);border-radius:50%;box-shadow:0 0 0 5px #ff6a1f17}.hero-copy h1{font-size:clamp(44px,5vw,66px);line-height:1.19;letter-spacing:-2.8px;font-weight:800}.hero-copy h1 em{font-style:normal;color:var(--dy-brand);position:relative}.hero-desc{max-width:550px;font-size:16px;line-height:1.95;color:#59667c;margin-top:24px}.hero-actions{display:flex;gap:14px;margin-top:32px}.hero-assurances{display:flex;gap:24px;margin-top:30px;color:#7a8496;font-size:12px}.hero-assurances i{font-style:normal;color:var(--dy-brand);margin-right:5px}.hero-visual{height:410px;position:relative}.cloud-core{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:182px;height:182px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(145deg,#fff,#f5f8ff);border:1px solid #fff;box-shadow:0 30px 70px #1b4f9320,inset 0 0 35px #eaf2ff;z-index:3}.cloud-core svg{width:66px;height:66px;stroke:var(--dy-blue);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.cloud-core strong{font-size:20px;margin-top:4px;letter-spacing:3px}.cloud-core span{font-size:8px;color:#8793a8;letter-spacing:1.4px;margin-top:4px}.cloud-orbit{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);border:1px solid #93b4d83b;border-radius:50%}.orbit-one{width:320px;height:320px}.orbit-two{width:450px;height:350px;border-style:dashed;transform:translate(-50%,-50%) rotate(-15deg)}.node{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;background:#ffffffeb;border:1px solid #fff;border-radius:12px;box-shadow:0 8px 24px #163c6b12;z-index:4}.node i{width:9px;height:9px;border-radius:50%;background:#20b486;box-shadow:0 0 0 5px #20b48614}.node span{font-size:13px;font-weight:650}.node small{display:block;font-size:10px;font-weight:400;color:#8b95a5;margin-top:4px}.node-cn{left:0;top:16%}.node-hk{right:-3%;top:27%}.node-us{right:6%;bottom:15%}.hero-status{position:absolute;bottom:0;left:8%;display:flex;align-items:center;gap:12px;background:#182235;color:#fff;padding:16px 18px;border-radius:13px;min-width:280px;box-shadow:0 14px 28px #111a2c26}.status-dot{width:8px;height:8px;background:#3ddbb0;border-radius:50%;box-shadow:0 0 0 5px #3ddbb01f}.hero-status strong{font-size:12px;display:block}.hero-status small{display:block;font-size:10px;color:#a8b3c5;margin-top:4px}.hero-status b{margin-left:auto;font-size:9px;letter-spacing:1px;color:#73839d}.hero-campaigns{padding-bottom:36px}.hero-campaigns .swiper-slide{height:auto;background:none}.hero-campaigns img{width:100%;max-height:160px;object-fit:cover;border-radius:14px}
/* Quick entry */
.quick-section{position:relative;z-index:5;background:#fff}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--dy-line);border-radius:16px;margin-top:-30px;background:#fff;box-shadow:0 14px 44px #1f345011;overflow:hidden}.quick-card{display:flex;align-items:center;gap:13px;min-height:112px;padding:24px;position:relative;color:var(--dy-ink);transition:.25s}.quick-card+.quick-card:before{content:"";position:absolute;left:0;top:28%;height:44%;border-left:1px solid var(--dy-line)}.quick-card:hover{background:#fffaf7;transform:translateY(-3px)}.quick-icon{width:43px;height:43px;display:grid;place-items:center;background:#fff1e9;border-radius:12px;flex-shrink:0}.quick-icon svg,.product-icon svg{width:23px;height:23px;fill:none;stroke:var(--dy-brand);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.quick-card strong{display:block;font-size:15px}.quick-card small{display:block;font-size:11px;color:#8b94a4;margin-top:7px}.quick-card b{margin-left:auto;font-weight:400;color:#a9b1bd}.quick-card:hover b{color:var(--dy-brand)}
/* Product cards */
.products-section{background:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{position:relative;display:flex;flex-direction:column;min-height:264px;padding:29px;border:1px solid var(--dy-line);border-radius:var(--dy-radius);background:#fff;color:var(--dy-ink);overflow:hidden;transition:.3s}.product-card:hover{border-color:#ffb38e;box-shadow:var(--dy-shadow);transform:translateY(-5px)}.product-featured{grid-row:span 2;min-height:546px;padding:36px;background:linear-gradient(150deg,#18243b,#243959);color:#fff;border:0}.product-icon{display:grid;place-items:center;width:46px;height:46px;background:#fff2e9;border-radius:12px;flex-shrink:0}.product-card h3{font-size:20px;margin:21px 0 12px}.product-card p{font-size:13px;line-height:1.85;color:#748095;max-width:340px}.card-link{display:block;margin-top:auto;padding-top:24px;font-size:13px;color:var(--dy-brand);font-weight:600}.product-featured .product-top{display:flex;justify-content:space-between;align-items:center}.product-featured .product-icon{background:#ffffff12}.product-featured .product-icon svg{stroke:#ffac7f;width:29px;height:29px}.product-pill{font-size:10px;padding:5px 9px;color:#ffc3a4;border:1px solid #ffb28540;border-radius:20px}.product-featured h3{font-size:29px;margin-top:31px}.product-featured p{color:#b8c4d6;font-size:14px}.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.product-tags span{font-size:11px;padding:7px 10px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;color:#d6deec}.product-featured .card-link{color:#ffad82;font-size:14px}.product-watermark{position:absolute;right:-14px;bottom:42px;font-size:106px;font-weight:900;letter-spacing:-8px;color:#ffffff06;pointer-events:none}
/* Live product offers */
.offers-section{padding-top:80px;background:var(--dy-soft)}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.offer-card{background:#fff;border:1px solid var(--dy-line);border-radius:16px;padding:28px;display:flex;flex-direction:column}.offer-card h3{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer-desc{font-size:13px;color:var(--dy-muted);line-height:1.7;min-height:44px;margin:12px 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.offer-price{color:var(--dy-brand);font-size:14px;margin-bottom:20px}.offer-price strong{font-size:30px}.offer-price small{color:#8a94a6;margin-left:4px}.offer-card .dy-btn{margin-top:auto;min-height:42px}.offer-empty{grid-column:1/-1;text-align:center;padding:30px;color:var(--dy-muted)}
/* Regions */
.regions-section{background:#f6f8fc;overflow:hidden}.region-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:90px;align-items:center}.region-copy h2{margin-bottom:20px}.region-copy>p{color:var(--dy-muted);font-size:15px;line-height:1.95;margin-bottom:25px;max-width:440px}.region-points{display:flex;gap:42px;margin-top:44px}.region-points b{font-size:17px;display:block}.region-points small{display:block;color:#8b96a8;font-size:11px;margin-top:8px}.region-panel{position:relative;min-height:400px;border-radius:24px;background:linear-gradient(145deg,#192943,#101a2c);overflow:hidden;box-shadow:0 24px 50px #1b2b451c}.region-map{position:absolute;inset:0;background-image:radial-gradient(#83a2c233 1px,transparent 1px);background-size:16px 16px;opacity:.65}.map-ring{position:absolute;border:1px solid #6794c73b;border-radius:50%;left:46%;top:45%;transform:translate(-50%,-50%)}.ring-a{width:180px;height:180px}.ring-b{width:310px;height:310px}.map-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#4ea1ff;box-shadow:0 0 0 6px #4ea1ff15,0 0 22px #4ea1ff}.dot-a{left:21%;top:20%}.dot-b{right:17%;top:25%}.dot-c{left:35%;bottom:24%}.dot-d{right:29%;bottom:15%;background:#ff9259}.map-line{position:absolute;width:210px;height:1px;background:linear-gradient(90deg,transparent,#428cdf,transparent);transform:rotate(26deg);left:24%;top:41%}.line-b{transform:rotate(-23deg);left:32%;top:62%}.region-list{position:absolute;inset:auto 22px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.region-list>div{padding:15px 12px;background:#ffffff0a;border:1px solid #ffffff12;border-radius:11px;backdrop-filter:blur(10px)}.country-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#58a9ff;margin-right:6px;vertical-align:2px}.region-list strong{font-size:12px;color:#fff}.region-list small{display:block;font-size:9px;color:#91a3be;line-height:1.6;margin-top:7px}
/* Solutions and benefits */
.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.solution-card{position:relative;padding:29px 25px;min-height:290px;border:1px solid var(--dy-line);border-radius:16px;color:var(--dy-ink);background:linear-gradient(150deg,#fff,#f8faff);transition:.3s;overflow:hidden}.solution-card:after{content:"";position:absolute;width:130px;height:130px;right:-55px;top:-55px;background:#ff8a4b0a;border-radius:50%;transition:.3s}.solution-card:hover{transform:translateY(-5px);border-color:#ffc4a6;box-shadow:var(--dy-shadow)}.solution-card:hover:after{transform:scale(1.5);background:#ff8a4b13}.solution-card>span{font-size:9px;letter-spacing:1.4px;color:#9ca6b5}.solution-card h3{font-size:20px;margin-top:29px;margin-bottom:14px}.solution-card p{font-size:13px;color:var(--dy-muted);line-height:1.9}.solution-card b{position:absolute;bottom:27px;font-size:12px;color:var(--dy-brand)}.why-section{background:#f8f9fc}.why-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.why-intro{color:var(--dy-muted);font-size:15px;line-height:1.85;margin:20px 0 30px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 32px}.why-grid>div{border-top:1px solid #dfe5ee;padding-top:19px}.why-grid span{font-size:11px;color:var(--dy-brand);font-weight:700}.why-grid h3{font-size:18px;margin:12px 0}.why-grid p{font-size:13px;color:var(--dy-muted);line-height:1.8}
/* Partner, news, FAQ, CTA */
.practice-content{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.practice-box{padding:22px;border:1px solid var(--dy-line);border-radius:14px;text-align:center}.practice-box img{height:52px;max-width:100%;object-fit:contain}.practice-box strong{display:block;margin-top:15px}.practice-box p{font-size:12px;color:var(--dy-muted);margin-top:8px}.cert-section{padding:25px 0;background:#f7f9fc}.cert-list{display:flex;justify-content:center;flex-wrap:wrap;gap:24px}.cert-item img{max-width:130px;max-height:70px}.cert-item span{display:block;text-align:center;font-size:12px;color:var(--dy-muted)}.news-section{background:#fff}.news-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.news-panel{border:1px solid var(--dy-line);border-radius:16px;padding:12px 28px}.news-panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--dy-line);padding:16px 0}.news-panel-head h3{font-size:18px}.news-panel-head a{font-size:12px;color:#8a94a5}.news-item{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #f0f2f6}.news-item:last-child{border:0}.news-item time{font-size:11px;color:#9aa3b1;white-space:nowrap}.news-item a{font-size:13px;color:#465168;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.news-item a:hover{color:var(--dy-brand)}.news-dot{width:5px;height:5px;border-radius:50%;background:#ffab84;flex-shrink:0}.list-loading,.list-empty{text-align:center;color:#98a2b3;font-size:13px;padding:42px 0}.faq-section{background:#f7f9fc}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-layout>div:first-child>p{color:var(--dy-muted);line-height:1.85;font-size:14px;margin:20px 0}.faq-list details{border-bottom:1px solid #e1e6ee}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:15px;font-weight:650}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{position:relative;width:16px;height:16px;flex-shrink:0}.faq-list summary span:before,.faq-list summary span:after{content:"";position:absolute;background:#8f99aa;width:12px;height:1px;left:2px;top:8px;transition:.2s}.faq-list summary span:after{transform:rotate(90deg)}.faq-list details[open] summary{color:var(--dy-brand)}.faq-list details[open] summary span:after{transform:rotate(0)}.faq-list details p{font-size:13px;line-height:1.9;color:var(--dy-muted);padding:0 36px 23px 0}.home-cta{padding:72px 0;background:linear-gradient(110deg,#f65a18,#ff8534);position:relative;overflow:hidden}.home-cta:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0,#fff2,transparent 50%);pointer-events:none}.cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:35px;color:#fff}.cta-inner>div:first-child>span{font-size:10px;letter-spacing:2px;opacity:.7}.cta-inner h2{font-size:32px;margin:12px 0}.cta-inner p{font-size:14px;color:#ffe4d6}.cta-inner>div:last-child{display:flex;gap:12px;flex-shrink:0}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}[data-reveal].is-visible{opacity:1;transform:none}.image-viewer-source{height:0;overflow:hidden}.image-viewer-source img{display:none}
@media(max-width:1100px){.hero-inner{gap:15px}.hero-copy h1{font-size:50px}.node-hk{right:0}.quick-card{padding:20px 15px}.quick-card small{font-size:10px}.quick-icon{width:37px;height:37px}.region-layout{gap:40px}.solution-card{padding:24px 20px}.why-layout{gap:50px}.cta-inner{align-items:flex-start}.cta-inner>div:last-child{flex-direction:column}}
@media(max-width:800px){#index .home-section{padding:70px 0}.hero-inner{grid-template-columns:1fr;min-height:0;padding-top:58px}.hero-copy{text-align:center}.hero-eyebrow,.hero-actions,.hero-assurances{justify-content:center}.hero-desc{margin-inline:auto}.hero-visual{width:min(520px,100%);margin:0 auto}.quick-grid{grid-template-columns:1fr 1fr}.quick-card:nth-child(3):before{display:none}.quick-card:nth-child(n+3){border-top:1px solid var(--dy-line)}.product-grid{grid-template-columns:1fr 1fr}.product-featured{grid-row:auto;min-height:340px}.offer-grid{grid-template-columns:1fr 1fr}.region-layout,.why-layout,.faq-layout{grid-template-columns:1fr;gap:40px}.region-copy{text-align:center}.region-copy>p{margin-inline:auto}.region-points{justify-content:center}.solution-grid{grid-template-columns:1fr 1fr}.why-layout>div:first-child{text-align:center}.why-intro{max-width:500px;margin-inline:auto}.news-layout{grid-template-columns:1fr}.cta-inner{flex-direction:column;text-align:center;align-items:center}.cta-inner>div:last-child{flex-direction:row}.faq-layout>div:first-child{text-align:center}.practice-content{grid-template-columns:1fr 1fr}}
@media(max-width:520px){#index .home-container{width:calc(100% - 32px)}#index .home-section{padding:58px 0}#index h2{font-size:27px;letter-spacing:-.5px}.home-heading{margin-bottom:30px}.home-heading p{font-size:13px;line-height:1.8}.heading-row{align-items:flex-start}.heading-row>a{font-size:12px;margin-top:31px}.hero-inner{padding-top:43px;padding-bottom:52px}.hero-copy h1{font-size:43px;letter-spacing:-1.5px}.hero-eyebrow{font-size:11px;margin-bottom:18px}.hero-desc{font-size:14px;line-height:1.85;margin-top:20px}.hero-actions{gap:10px;margin-top:26px}.dy-btn{min-height:44px;padding:0 20px;font-size:14px;gap:12px}.hero-assurances{gap:8px;flex-wrap:wrap;margin-top:22px;font-size:10px}.hero-visual{height:320px;margin-top:12px}.cloud-core{width:140px;height:140px}.cloud-core svg{width:52px;height:52px}.cloud-core strong{font-size:17px}.orbit-one{width:240px;height:240px}.orbit-two{width:310px;height:260px}.node{padding:8px 10px;gap:6px}.node span{font-size:10px}.node small{font-size:8px}.node-cn{left:-1%;top:11%}.node-hk{top:22%;right:-2%}.node-us{right:0;bottom:13%}.hero-status{left:0;bottom:1%;min-width:208px;padding:11px 12px;gap:8px}.hero-status strong{font-size:10px}.hero-status small{font-size:8px}.hero-status b{font-size:7px}.quick-grid{margin-top:-21px;border-radius:13px}.quick-card{min-height:95px;padding:16px 12px;gap:9px}.quick-card strong{font-size:13px}.quick-card small{font-size:9px}.quick-card b{display:none}.quick-icon{width:34px;height:34px;border-radius:9px}.quick-icon svg{width:19px;height:19px}.product-grid{grid-template-columns:1fr;gap:12px}.product-card,.product-featured{min-height:230px;padding:25px}.product-featured{min-height:300px}.product-featured h3{font-size:25px;margin-top:22px}.product-card h3{margin-top:17px}.product-watermark{font-size:90px;bottom:40px}.offer-grid{grid-template-columns:1fr}.region-points{gap:24px}.region-points small{font-size:9px}.region-panel{min-height:355px}.region-list{inset:auto 12px 12px;gap:5px}.region-list>div{padding:11px 8px}.region-list strong{font-size:10px}.region-list small{font-size:8px}.solution-grid{gap:10px}.solution-card{padding:22px 17px;min-height:260px}.solution-card h3{font-size:17px}.solution-card p{font-size:12px}.why-grid{gap:28px 18px}.why-grid p{font-size:12px}.news-panel{padding:8px 18px}.news-item{gap:8px}.news-item a{font-size:12px}.news-item time{font-size:9px}.cta-inner h2{font-size:25px}.cta-inner p{font-size:12px}.home-cta{padding:52px 0}.cta-inner>div:last-child{gap:8px;width:100%}.cta-inner .dy-btn{padding:0 12px;flex:1}.practice-content{grid-template-columns:1fr}.faq-list summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){#index *,[data-reveal]{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}