/* Reference palette: charcoal panels, mint light, yellow primary actions. */
.xs-site { color-scheme:dark; --xs-ink:#e7eef2; --xs-muted:#b0bbc3; --xs-gold:#f2ce12; --xs-line:#48515a; --xs-mint:#57f0d0; }
.xs-site body { background-color:#292d31; background-image:radial-gradient(ellipse at 0 10%,#3c716153,transparent 48%),radial-gradient(ellipse at 100% 65%,#455d8950,transparent 50%); background-attachment:fixed; }
.xs-site body { background-image:radial-gradient(ellipse at 0 10%,#3c716153,transparent 48%),radial-gradient(ellipse at 100% 65%,#455d8950,transparent 50%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px); background-size:auto,auto,42px 42px,42px 42px; }
.xs-site a:hover { color:var(--xs-mint); }
.xs-site a:focus-visible,.xs-site button:focus-visible { outline-color:var(--xs-mint); }
.xs-site .tlheader { background:#252b30ed; border-bottom:1px solid #505b64; backdrop-filter:blur(18px); box-shadow:0 10px 40px #00000016; }
.xs-site .logo a { background-color:transparent; border-radius:0; box-shadow:none; filter:brightness(0) invert(1) drop-shadow(0 0 5px #57f0d066) drop-shadow(0 0 16px #57f0d033); transition:filter .3s ease; }
.xs-site .logo a:hover { filter:brightness(0) invert(1) drop-shadow(0 0 7px #57f0d099) drop-shadow(0 0 22px #57f0d066); }
.xs-site .nav li a { color:#c5ced4; border-radius:0; }
.xs-site .nav li a:hover,.xs-site .nav li.active>a { background:transparent; color:#fff; box-shadow:inset 0 -2px var(--xs-mint); }
.xs-site .nav li ul { background:#2b3238; border-color:#48545c; }
.xs-site .xs-menu-toggle { background:#30383e; color:#e7eef2; }
.xs-site .xs-hero { background:transparent; border-bottom:1px solid #ffffff12; }
.xs-site .xs-hero-grid { min-height:585px; gap:56px; padding-top:64px; padding-bottom:64px; }
.xs-site .xs-eyebrow { color:#a8c4bf; font-family:Consolas,"Microsoft YaHei",monospace; letter-spacing:2px; }
.xs-site .xs-eyebrow>span,.xs-site .xs-art-top i { background:var(--xs-mint); box-shadow:0 0 14px #57f0d07a; }
.xs-site .xs-hero h1 { font-weight:650; font-size:clamp(36px,3.8vw,52px); }
.xs-site .xs-hero h1 em { color:var(--xs-mint); text-shadow:0 0 35px #57f0d018; }
.xs-site .xs-hero-intro { color:#b5c1c9; }
.xs-site .xs-button { border-radius:8px; }
.xs-site .xs-button-primary { background:#f2ce12; color:#222820; box-shadow:0 8px 30px #f2ce1215; }
.xs-site .xs-button-primary:hover { background:#ffe23d; color:#18221f; box-shadow:0 8px 30px #f2ce122c; }
.xs-site .xs-button-secondary { border-color:#56616b; background:#2c3339; color:#e1eaef; }
.xs-site .xs-button-secondary:hover { color:var(--xs-mint); background:#303d40; border-color:var(--xs-mint); }
.xs-site .xs-hero-meta { color:#9babb6; font-family:Consolas,"Microsoft YaHei",monospace; }
.xs-site .xs-hero-meta span+span { border-color:#536069; }
.xs-site .xs-hero-art { transform:none; position:relative; border:1px solid #536169; border-radius:16px; background:#242c31; box-shadow:0 24px 70px #00000032,0 0 60px #57f0d006; }
.xs-site .xs-hero-art::before { content:""; position:absolute; top:0; left:24px; right:24px; height:1px; background:linear-gradient(90deg,transparent,#57f0d0,transparent); }
.xs-site .xs-art-top,.xs-site .xs-art-bottom { color:#a7babf; font-family:Consolas,"Microsoft YaHei",monospace; border-color:#414e56; }
.xs-site .main { margin-top:40px; }
.xs-site .home_about { padding:28px; background:#252b30d9; border:1px solid #4b555f; border-radius:20px; box-shadow:0 24px 55px #00000016; }
.xs-site .xs-section-label { color:var(--xs-mint); }
.xs-site .home_about .title h2 { color:#e7eef2; }
.xs-site .home_about .title p { color:#a8b5be; }
.xs-site .home_about>ul { gap:18px; }
.xs-site .home_about li { background:linear-gradient(145deg,#30373d,#292f34); border-color:#48545d; border-radius:14px; box-shadow:none; }
.xs-site .home_about li:hover { border-color:#64b6a7; box-shadow:0 12px 35px #00000025,0 0 0 1px #57f0d014; }
.xs-site .home_about li .img { height:220px; border-color:#48545d; background:radial-gradient(ellipse at center,#5b777125,transparent 75%),#282f34; }
.xs-site .home_about li .info { padding:24px; }
.xs-site .home_about li .info h3 { color:#ecf3f7; font-size:23px; }
.xs-site .home_about li .info p { color:#b9c3cb; line-height:1.95; }
.xs-site .xs-product-link { color:var(--xs-mint); border-color:#4b555e; }
.xs-site .xs-point-cloud { background-color:#283a3b; border-color:#283a3b; background-image:radial-gradient(circle,#57f0d0 2px,transparent 3px); box-shadow:0 0 35px #57f0d014; }
.xs-site .home_about li.xs-coming-soon:hover { border-color:#48545d; box-shadow:none; }
.xs-site .post,.xs-site .list_small,.xs-site .list_big,.xs-site .list_img_more,.xs-site .widget,.xs-site .catebox { background:#252c31; border-color:#48545d; color:#dbe4e9; }
.xs-site .article_content { color:#d3dee5; }
.xs-site .article_content h2,.xs-site .article_content h3,.xs-site .article_content blockquote { background:#2d353b; color:#edf3f7; border-color:var(--xs-mint); }
.xs-site .article_content a { color:#75dfcb; }
.xs-site .article_content pre,.xs-site .article_content code { background:#1e252a; color:#c9e7df; }
.xs-site .post .title,.xs-site .breadcrumb,.xs-site .list_small li,.xs-site .list_big li { border-color:#46515a; }
.xs-site .list_small .article_body p,.xs-site .list_big .article_body p { color:#b4c1c9; }
.xs-site .widget h3,.xs-site .widget .title { color:#e3edf2; border-color:#48545d; }
.xs-site .list_image>ul>li { background:#293137; border-color:#48545d; }
.xs-site .list_image .info { background:#293137; color:#d9e4eb; }
.xs-site input,.xs-site textarea,.xs-site select { background:#22292e; color:#e7eef2; border-color:#56616b; }
.xs-site #footer { background:#232a2fe8; border-top:1px solid #4b565f; }
.xs-site .xs-footer-brand { border-color:#48545c; }
.xs-site .xs-footer-brand strong { color:#e5f0f4; }
.xs-site .xs-footer-brand>span,.xs-site .footer .copyright,.xs-site .footer .copyright a { color:#a5b5bf; }
.xs-site #goTop { background:#35464a; border:1px solid #56756e; }
@media (max-width:850px) {
  .xs-site .nav { background:#252b30; }
  .xs-site .nav li ul,.xs-site .nav li ul ul { background:#2c343a; }
  .xs-site .xs-hero-grid { padding-top:40px; padding-bottom:40px; gap:32px; }
  .xs-site .xs-hero h1 { font-size:42px; }
  .xs-site .home_about { padding:22px; }
}
@media (max-width:600px) {
  .xs-site .xs-hero h1 { font-size:36px; }
  .xs-site .home_about { padding:20px 14px; border-radius:15px; }
  .xs-site .home_about .title h2 { font-size:24px; }
  .xs-site .home_about li .img { height:200px; }
  .xs-site .home_about li .info { padding:22px; }
}

/* Light effects stay behind content and never intercept input. */
.xs-site .xs-hero { isolation:isolate; }
.xs-site .xs-hero::before { content:""; position:absolute; z-index:-1; inset:-20%; pointer-events:none; background:radial-gradient(ellipse at 23% 40%,#42eec62c,transparent 42%),radial-gradient(ellipse at 78% 58%,#6995ff26,transparent 40%); animation:xs-aurora 14s ease-in-out infinite alternate; }
.xs-site .xs-hero::after { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; opacity:.6; background-image:radial-gradient(circle,#8df7df 1px,transparent 2px),radial-gradient(circle,#76a3ff 1px,transparent 2px); background-size:137px 151px,211px 193px; background-position:16px 30px,70px 90px; animation:xs-drift 28s linear infinite alternate; mask-image:linear-gradient(90deg,transparent 25%,#000 60%); }
.xs-site .xs-hero h1 em { text-shadow:0 0 24px #57f0d03b,0 0 70px #57f0d01c; }
.xs-site .xs-hero-art { box-shadow:0 24px 70px #00000032,0 0 45px #57f0d015,inset 0 0 30px #57f0d006; }
.xs-site .xs-hero-art::after { content:""; position:absolute; left:0; right:0; top:0; height:26%; background:linear-gradient(transparent,#57f0d018 95%,#a2ffe275 99%,transparent); pointer-events:none; animation:xs-scan 7s ease-in-out infinite; }
.xs-site .xs-art-top i { animation:xs-beacon 3.5s ease-in-out infinite; }
.xs-site .xs-button-primary { position:relative; overflow:hidden; }
.xs-site .xs-button-primary::after { content:""; position:absolute; inset:-50% auto -50% -70%; width:40%; pointer-events:none; background:linear-gradient(90deg,transparent,#ffffff70,transparent); transform:skewX(-20deg); animation:xs-shine 7s ease-in-out infinite; }
.xs-site .home_about { position:relative; box-shadow:0 24px 55px #00000026,0 0 70px #57f0d008; }
.xs-site .home_about::before { content:""; position:absolute; top:-1px; left:8%; width:50%; height:1px; background:linear-gradient(90deg,transparent,#57f0d0,transparent); box-shadow:0 0 18px #57f0d040; pointer-events:none; }
.xs-site .home_about li { position:relative; isolation:isolate; }
.xs-site .home_about li::before { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; opacity:0; background:radial-gradient(320px circle at var(--xs-light-x,50%) var(--xs-light-y,30%),#57f0d01e,transparent 75%); transition:opacity .3s; }
.xs-site .home_about li:hover::before,.xs-site .home_about li:focus-within::before { opacity:1; }
.xs-site .home_about li:hover,.xs-site .home_about li:focus-within { border-color:#67c8b5; box-shadow:0 16px 40px #00000035,0 0 22px #57f0d013; }
.xs-site .home_about li .img { position:relative; }
.xs-site .home_about li .img::after { content:""; position:absolute; bottom:-1px; left:20%; width:60%; height:1px; background:linear-gradient(90deg,transparent,#57f0d080,transparent); pointer-events:none; }
.xs-site .xs-point-cloud { animation:xs-float 6s ease-in-out infinite; }
@keyframes xs-aurora { from { transform:translate3d(-2%,0,0) scale(1); opacity:.65; } to { transform:translate3d(3%,2%,0) scale(1.08); opacity:1; } }
@keyframes xs-drift { from { transform:translate3d(0,0,0); } to { transform:translate3d(28px,-38px,0); } }
@keyframes xs-scan { 0%,10% { transform:translateY(-120%); opacity:0; } 18% { opacity:1; } 75% { opacity:.7; } 90%,100% { transform:translateY(500%); opacity:0; } }
@keyframes xs-beacon { 0%,100% { box-shadow:0 0 7px #57f0d060; } 50% { box-shadow:0 0 18px #57f0d0cc; } }
@keyframes xs-shine { 0%,60% { left:-70%; } 90%,100% { left:140%; } }
@keyframes xs-float { 0%,100% { transform:translateY(0) rotate(-6deg); } 50% { transform:translateY(-7px) rotate(-3deg); } }
@media (hover:none) { .xs-site .xs-hero::after { animation:none; } .xs-site .home_about li::before { display:none; } }
@media (prefers-reduced-motion:reduce) {
  .xs-site *, .xs-site *::before,.xs-site *::after { animation:none !important; transition:none !important; }
  .xs-site .xs-hero-art::after,.xs-site .xs-button-primary::after { display:none; }
}

/* Product-led homepage: retained artwork framed by animated light. */
.xs-site #xs-products { margin-top:36px; }
.xs-site #xs-products .home_about { padding:32px; background:radial-gradient(ellipse at 50% 0,#57f0d011,transparent 65%),#252b30dc; }
.xs-site .home_about .title { margin-bottom:32px; }
.xs-site .home_about .title h2 { font-size:34px; letter-spacing:1px; text-shadow:0 0 30px #57f0d033; }
.xs-site .home_about li { --product-light:#57f0d0; --product-halo:#57f0d028; overflow:hidden; }
.xs-site .home_about li:nth-child(2) { --product-light:#f1d064; --product-halo:#f1d06426; }
.xs-site .home_about li:nth-child(3) { --product-light:#86baff; --product-halo:#86baff2b; }
.xs-site .home_about li::after { content:""; position:absolute; inset:0; padding:1px; border-radius:inherit; pointer-events:none; background:linear-gradient(120deg,transparent 20%,var(--product-light) 45%,#fff 50%,var(--product-light) 55%,transparent 80%); background-size:300% 300%; -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; opacity:.55; animation:xs-edge-flow 7s ease-in-out infinite; }
.xs-site .home_about li:nth-child(2)::after { animation-delay:-2.3s; }
.xs-site .home_about li:nth-child(3)::after { animation-delay:-4.6s; }
.xs-site .home_about li .img { height:266px; isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at 50% 55%,var(--product-halo),transparent 70%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),#252d32; background-size:auto,24px 24px,24px 24px,auto; }
.xs-site .home_about li .img img { z-index:2; position:relative; animation:xs-icon-hover 6s ease-in-out infinite; filter:drop-shadow(0 12px 16px #00000055); }
.xs-site .home_about li:nth-child(2) .img img { animation-delay:-2s; }
.xs-site .home_about li .img::before { content:""; position:absolute; bottom:22px; left:18%; width:64%; height:24px; border:1px solid var(--product-light); border-radius:50%; background:var(--product-halo); box-shadow:0 0 22px var(--product-halo),inset 0 0 15px var(--product-halo); opacity:.7; animation:xs-platform 4s ease-in-out infinite; }
.xs-site .home_about li .img::after { bottom:0; height:1px; background:linear-gradient(90deg,transparent,var(--product-light),transparent); box-shadow:0 0 15px var(--product-light); }
.xs-site .xs-orbit { position:absolute; z-index:0; width:220px; height:220px; border:1px dashed var(--product-halo); border-radius:50%; animation:xs-orbit-spin 22s linear infinite; pointer-events:none; }
.xs-site .xs-orbit::before,.xs-site .xs-orbit::after { content:""; position:absolute; width:5px; height:5px; border-radius:50%; background:var(--product-light); box-shadow:0 0 10px var(--product-light),0 0 20px var(--product-light); left:50%; top:-3px; }
.xs-site .xs-orbit::after { top:auto; bottom:-3px; width:3px; height:3px; }
.xs-site .home_about li .info h3 { color:#edf8f5; background:linear-gradient(110deg,#edf8f5 30%,var(--product-light) 48%,#fff 52%,#edf8f5 70%); background-size:250% auto; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation:xs-title-light 8s ease-in-out infinite; font-size:25px; }
.xs-site .home_about li .info p { position:relative; border-left:2px solid var(--product-halo); padding-left:12px; }
.xs-site .home_about li:hover,.xs-site .home_about li:focus-within { border-color:var(--product-light); box-shadow:0 18px 48px #00000040,0 0 28px var(--product-halo); }
.xs-site .home_about li:hover::after { opacity:1; }
.xs-site .xs-product-link { color:var(--product-light); transition:letter-spacing .3s; }
.xs-site .home_about li:hover .xs-product-link { letter-spacing:1px; }
.xs-site .xs-point-cloud { z-index:2; position:relative; background-image:radial-gradient(circle,#92c7ff 2px,transparent 3px); box-shadow:0 0 32px #86baff30; }
@keyframes xs-edge-flow { 0%,100% { background-position:0% 0%; } 50% { background-position:100% 100%; } }
@keyframes xs-icon-hover { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@keyframes xs-platform { 0%,100% { transform:scaleX(.88); opacity:.4; } 50% { transform:scaleX(1); opacity:.8; } }
@keyframes xs-orbit-spin { to { transform:rotate(360deg); } }
@keyframes xs-title-light { 0%,20% { background-position:100% center; } 80%,100% { background-position:0% center; } }
@media (max-width:600px) {
  .xs-site #xs-products { margin-top:22px; }
  .xs-site #xs-products .home_about { padding:22px 14px; }
  .xs-site .home_about .title h2 { font-size:26px; }
  .xs-site .home_about li .img { height:250px; }
}
@media (prefers-reduced-motion:reduce) {
  .xs-site *, .xs-site *::before,.xs-site *::after { animation:none !important; transition:none !important; }
}

/* Live text wordmark: clean glyph edges without raster scaling or a symbol. */
.xs-site .logo { flex-basis:164px; width:164px; }
.xs-site .logo a,.xs-site .logo a:hover { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:164px; height:56px; background:none; filter:none; text-indent:0; color:#f2faf8; text-decoration:none; }
.xs-site .xs-logo-name { display:block; font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif; font-size:30px; font-weight:600; line-height:1.2; letter-spacing:2px; white-space:nowrap; text-shadow:0 0 14px #57f0d038; transition:text-shadow .3s ease; }
.xs-site .xs-logo-en { display:block; padding-left:8px; font-family:Arial,sans-serif; font-size:11px; font-weight:500; line-height:1; letter-spacing:8px; color:#a9d8cf; text-shadow:0 0 10px #57f0d030; }
.xs-site .logo a:hover .xs-logo-name { text-shadow:0 0 18px #57f0d070; }
@media(max-width:850px) { .xs-site .logo { flex-basis:144px; width:144px; } .xs-site .logo a { width:144px; height:48px; gap:4px; } .xs-site .xs-logo-name { font-size:26px; } .xs-site .xs-logo-en { font-size:10px; letter-spacing:7px; padding-left:7px; } }

/* Keep article copy readable over dark panels. */
.xs-site .article_content p,.xs-site .article_content li,.xs-site .article_content td,.xs-site .article_content dd { color:#d3dee5; }
.xs-site .article_content h1,.xs-site .article_content h4,.xs-site .article_content h5,.xs-site .article_content h6 { color:#edf3f7; }


/* Single-column articles and standalone pages. */
.xs-site .xs-content-single { max-width:1100px; }
.xs-site .xs-content-single .main_c,.xs-site .xs-content-single .main_c_r { width:100%; float:none; margin:0; min-width:0; }
.xs-site .xs-content-single .post { padding:40px 48px; }
@media(max-width:600px) { .xs-site .xs-content-single .post { padding:24px 18px; } }

/* Override legacy inline light colors only in software article sections. */
.xs-site .article_content h4,.xs-site .article_content h5,.xs-site .article_content h6 { background:#2d353b; border-color:#57f0d0; }
.xs-site .article_content .software-intro { background:#2b3339 !important; color:#d3dee5; border:1px solid #48565f; border-radius:10px !important; padding:22px !important; }
.xs-site .article_content .software-intro h3,.xs-site .article_content .version-history h3,.xs-site .article_content .version-block h4 { color:#edf3f7 !important; background:#303b42; border-color:#57f0d0 !important; }
.xs-site .article_content .software-intro p,.xs-site .article_content .software-intro ul,.xs-site .article_content .update-content h4,.xs-site .article_content .version-block ul { color:#d3dee5 !important; }
.xs-site .article_content .version-block h4 { padding:9px 12px; border-left:3px solid #57f0d0; border-radius:0 5px 5px 0; }
.xs-site .article_content .version-block h3 span,.xs-site .article_content .version-block h4 span { color:#a8bdc7 !important; }
.xs-site .article_content .software-intro h3 { margin-bottom:16px; }
.xs-site .article_content .security-notice { background:#373429 !important; border-color:#e9c963 !important; }
.xs-site .article_content .security-notice p { color:#e7dcae !important; }
.xs-site .article_content hr,.xs-site .article_content .version-history>h3 { border-color:#48565f !important; }
.xs-site .article_content table th { background:#303b42; color:#edf3f7; }
.xs-site .article_content table td,.xs-site .article_content table th { border-color:#48565f; }
.xs-site .post_comments { background:#344249; color:#c3d7dc; }

/* Video demonstration and tutorial tiles in legacy product articles. */
.xs-site .article_content .video-player-container { background:#2b3339 !important; border:1px solid #48565f; border-radius:10px !important; }
.xs-site .article_content .video-player-container h4,.xs-site .article_content .video-tutorials h4 { color:#edf3f7 !important; border-color:#48565f !important; }
.xs-site .article_content .update-content p { color:#d3dee5 !important; }
.xs-site .article_content .video-tutorials a { background:#303b42 !important; border-color:#4a5c65 !important; color:#8de7d5 !important; transition:background .2s,border-color .2s; }
.xs-site .article_content .video-tutorials a:hover,.xs-site .article_content .video-tutorials a:focus-visible { background:#354b4d !important; border-color:#57f0d0 !important; color:#e6fff9 !important; }