/* AI 实践：商标沿轨道环绕，中心留空，装饰延伸至正文背后。 */
#ai-practice{position:relative;isolation:isolate;overflow:clip}
.ai-practice-layout{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:24px;min-height:clamp(440px,62svh,580px)}
.ai-practice-heading{position:relative;z-index:2;grid-column:1;grid-row:1;align-self:end;min-width:0}
.ai-practice-heading h2{font-size:clamp(28px,2.85vw,39px);line-height:1.55;text-wrap:initial}
.ai-practice-heading h2 em{font-style:normal;color:var(--gold)}
.ai-practice-heading .sub{font-size:15px;line-height:1.85;margin-top:19px}
.ai-practice-story{position:relative;z-index:2;grid-column:1;grid-row:2;align-self:start;padding-top:30px;min-width:0}
.ai-practice-steps{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:12px 21px;color:var(--dim);font-size:13px}
.ai-practice-steps li{display:flex;align-items:center;gap:9px;white-space:nowrap}
.ai-practice-steps li span{color:var(--gold);font:10px var(--mono);opacity:.75}
.ai-practice-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px 25px;margin-top:32px}
.ai-practice-actions .btn{font-size:13px;padding:10px 17px}
.ai-practice-actions .btn span{display:inline-block;margin-left:18px;color:var(--gold)}
.ai-practice-actions .disclosure{padding-top:3px;max-width:29em}
.ai-practice-actions .disclosure[open]{flex-basis:100%;padding:0}
.ai-orbit-visual{--planet-size:50px;position:absolute;left:28%;right:-5%;height:clamp(450px,68svh,600px);top:50%;transform:translateY(-50%);margin:0;z-index:0;pointer-events:none}
.ai-orbit-stage{position:relative;width:100%;height:100%;pointer-events:none;opacity:.84;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 12%,#000 30%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 12%,#000 30%,#000 92%,transparent 100%)}
.ai-orbit-atmosphere{position:absolute;inset:2%;background:radial-gradient(ellipse at 53% 45%,rgba(72,94,164,.1),transparent 61%),radial-gradient(1px 1px at 31% 20%,rgba(212,225,255,.6),transparent),radial-gradient(1.5px 1.5px at 78% 64%,rgba(245,197,66,.6),transparent),radial-gradient(1px 1px at 63% 89%,rgba(190,212,251,.55),transparent),radial-gradient(1px 1px at 84% 25%,rgba(193,208,250,.45),transparent)}
.ai-orbit-track{position:absolute;left:50%;top:50%;border:1px solid rgba(168,188,234,.18);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);box-shadow:0 0 18px rgba(93,113,192,.025),inset 0 0 18px rgba(93,113,192,.025)}
.ai-orbit-track::after{content:"";position:absolute;inset:-1px;border:1px solid transparent;border-bottom-color:rgba(172,197,253,.27);border-right-color:rgba(160,187,244,.14);border-radius:inherit}
.ai-orbit-track:nth-of-type(2){border-color:rgba(245,197,66,.12)}
.ai-orbit-track:nth-of-type(2)::after{border-bottom-color:rgba(245,197,66,.21);border-right-color:rgba(245,197,66,.12)}
.ai-orbit-models{list-style:none;padding:0;margin:0}
.ai-orbit-model{position:absolute;left:50%;top:50%;width:84px;margin-left:-42px;margin-top:calc(var(--planet-size) / -2);display:flex;justify-content:center;will-change:transform}
.ai-orbit-planet{width:var(--planet-size);height:var(--planet-size);display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(var(--planet-color),.17);background:radial-gradient(circle at 32% 24%,rgba(var(--planet-color),.11),rgba(10,15,32,.96) 68%);box-shadow:0 6px 18px rgba(0,0,0,.24),0 0 18px rgba(var(--planet-color),.055)}
.ai-orbit-planet img{display:block;width:60%;height:60%;object-fit:contain}
.ai-orbit-planet .ai-logo-white{filter:brightness(0) invert(1)}
.ai-orbit-toggle{position:absolute;right:20%;bottom:0;display:inline-flex;align-items:center;gap:7px;padding:9px 10px;min-height:36px;color:var(--muted);font:10px var(--sans);letter-spacing:.05em;border:0;border-radius:2px;background:transparent;cursor:pointer;pointer-events:auto}
.ai-orbit-toggle:hover,.ai-orbit-toggle:focus-visible{color:var(--fg);background:rgba(168,188,234,.06)}
.ai-orbit-toggle-icon{width:8px;height:9px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.ai-orbit-toggle[aria-pressed="true"] .ai-orbit-toggle-icon{height:0;width:0;border:5px solid transparent;border-left:7px solid currentColor;border-right:0}
@media(min-width:921px) and (max-height:820px){.ai-practice-heading h2{font-size:32px}.ai-practice-story{padding-top:24px}.ai-practice-actions{margin-top:27px}.ai-orbit-visual{height:480px}}
@media(max-width:920px){
  .ai-practice-layout{grid-template-columns:minmax(0,1fr);row-gap:12px;min-height:0}
  .ai-practice-heading{grid-column:1;grid-row:1;align-self:auto}
  .ai-practice-heading h2{font-size:clamp(28px,4vw,36px)}
  .ai-practice-heading .sub{margin-top:12px}
  .ai-orbit-visual{--planet-size:46px;position:relative;grid-column:1;grid-row:2;left:auto;right:auto;top:auto;transform:none;height:clamp(350px,66vw,460px);width:100%;margin:0}
  .ai-orbit-stage{opacity:.9;mask-image:none;-webkit-mask-image:none}
  .ai-orbit-toggle{right:0;bottom:-7px}
  .ai-practice-story{grid-column:1;grid-row:3;padding-top:7px;align-self:auto}
  .ai-practice-actions{margin-top:22px;gap:14px 24px}
}
@media(max-width:620px){
  .ai-practice-layout{row-gap:8px}
  .ai-practice-heading h2{font-size:28px;line-height:1.5}
  .ai-practice-heading .sub{font-size:14px}
  .ai-orbit-visual{--planet-size:38px;height:clamp(300px,90vw,360px)}
  .ai-practice-steps{gap:12px 18px;font-size:12px}
  .ai-practice-steps li{gap:7px}
  .ai-orbit-toggle{font-size:9px;bottom:-5px}
  .ai-practice-actions .disclosure{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.ai-orbit-model{will-change:auto}}