/* 沿用页面正文宽度；知识卡片随内容增高，手机自然纵向阅读。 */
.ai-basics{--learn-ink:var(--ink,#252432);--learn-copy:var(--copy,#615d70);--learn-panel:var(--panel,#fff);--learn-edge:var(--edge,#e4dfed);color:var(--learn-ink)}
html[data-theme=dark] .ai-basics{--learn-ink:#eeeaf5;--learn-copy:#c1b9d1;--learn-panel:#18151f;--learn-edge:#393242}
.ai-basics-heading{max-width:780px;margin-bottom:26px}
.ai-basics .ai-basics-heading h2{margin:8px 0 12px;font-size:clamp(24px,3vw,38px);line-height:1.4;letter-spacing:0}
.ai-basics p{color:var(--learn-copy);line-height:1.85;overflow-wrap:anywhere}
.ai-basics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}
.ai-basics-grid article{padding:24px;border:1px solid var(--learn-edge);border-radius:16px;background:var(--learn-panel)}
.ai-basics-number{display:block;color:var(--learn-copy);font-size:12px;margin-bottom:18px}
.ai-basics h3{font-size:18px;line-height:1.6;margin:0 0 12px;color:var(--learn-ink)}
.ai-basics-grid p{font-size:14px;margin:0}
.ai-basics-grid p+p{margin-top:12px}.ai-basics-cases{margin:30px 0 8px}.ai-basics-cases>p{font-size:14px;margin:0 0 8px}
.ai-basics details{border-bottom:1px solid var(--learn-edge)}
.ai-basics summary{padding:18px 0;cursor:pointer;color:var(--learn-ink);font-size:15px;line-height:1.7;white-space:normal;overflow-wrap:anywhere}
.ai-basics summary:focus-visible,.ai-basics a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.ai-basics-detail{max-width:850px;padding:0 0 16px;font-size:14px}
.ai-basics-detail p{margin:0 0 10px}.ai-basics-detail strong{color:var(--learn-ink)}
.ai-basics-actions{display:flex;flex-wrap:wrap;gap:14px 26px;padding-top:20px}
.ai-basics-actions a{color:var(--learn-ink);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.member-section.ai-basics{margin-block:30px;padding:24px;border-radius:16px;background:var(--page,#fcfcfe)}.member-section.ai-basics .ai-basics-heading h2{font-size:26px}
@media(max-width:800px){.ai-basics-grid{grid-template-columns:1fr}.ai-basics-grid article{padding:20px}.ai-basics-number{margin-bottom:10px}.ai-basics-actions{align-items:flex-start;flex-direction:column}}