/* AMVix Learn Connector — 阳光游乐场 Sunny Playground, scoped to .amx-wrap so it never restyles the theme. */
.amx-wrap{--amx-ink:#16486B;--amx-muted:#4E6A82;--amx-sky:#C9ECFF;--amx-sun:#FFD84D;--amx-sun-d:#E8B400;
  --amx-coral:#FF8A80;--amx-coral-d:#E0665C;--amx-coral-t:#FFE0DC;--amx-mint:#4FC3A1;--amx-mint-d:#2FA383;--amx-mint-t:#D4F3E8;
  --amx-orange:#FFB547;--amx-orange-d:#E5951F;--amx-orange-t:#FFEBC7;--amx-blue:#5AA9F0;--amx-blue-d:#3A88D0;--amx-blue-t:#D9ECFD;
  --amx-purple:#A98BF0;--amx-purple-d:#8A6BD6;--amx-purple-t:#E9E0FD;
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--amx-ink);box-sizing:border-box;margin:0 0 28px}
.amx-wrap *,.amx-wrap *::before,.amx-wrap *::after{box-sizing:border-box}
.amx-wrap h2,.amx-wrap h3,.amx-wrap p,.amx-wrap li,.amx-wrap a{font-family:inherit;letter-spacing:normal}
.amx-hero{background:linear-gradient(180deg,#8FD3FF 0%,var(--amx-sky) 60%,#E6F8EA 100%);border-radius:28px;padding:36px 24px;text-align:center}
.amx-brand{margin:0 0 6px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:14px;color:var(--amx-muted)}
.amx-hero-title{margin:0 auto;max-width:22em;font-size:clamp(24px,4vw,36px);line-height:1.35;font-weight:900;text-wrap:balance;color:var(--amx-ink)}
.amx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.amx-card{--c:var(--amx-coral-t);--d:var(--amx-coral-d);--b:var(--amx-coral);background:var(--c);border-radius:26px;padding:20px 20px 22px;display:flex;flex-direction:column;gap:10px;min-width:0;
  box-shadow:inset 0 6px 0 rgba(255,255,255,.6),inset 0 -8px 0 var(--d),0 8px 0 rgba(0,0,0,.08)}
.amx-mint{--c:var(--amx-mint-t);--d:var(--amx-mint-d);--b:var(--amx-mint)}
.amx-orange{--c:var(--amx-orange-t);--d:var(--amx-orange-d);--b:var(--amx-orange)}
.amx-blue{--c:var(--amx-blue-t);--d:var(--amx-blue-d);--b:var(--amx-blue)}
.amx-purple{--c:var(--amx-purple-t);--d:var(--amx-purple-d);--b:var(--amx-purple)}
.amx-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.amx-icon{font-size:44px;line-height:1}
.amx-age{background:#fff;border-radius:999px;padding:4px 12px;font-weight:800;font-size:14px}
.amx-card-title{margin:0;font-size:24px;line-height:1.25;font-weight:900;color:var(--amx-ink)}
.amx-subjects{margin:0;font-weight:800;font-size:17px;color:var(--d)}
.amx-points{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.5}
.amx-points li{position:relative;padding-left:22px}
.amx-points li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:12px;border-radius:50%;background:var(--b)}
.amx-price{margin:auto 0 0;font-size:34px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;padding-top:8px}
.amx-cur{font-size:18px;margin-right:2px}
.amx-per{font-size:16px;font-weight:700;color:var(--amx-muted)}
.amx-price-soon{font-size:20px;color:var(--amx-muted)}
.amx-soon{opacity:.85}
.amx-actions{display:flex;flex-wrap:wrap;gap:10px}
.amx-actions-row{justify-content:center;margin:16px 0}
.amx-wrap .amx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:999px;font-weight:900;font-size:16px;
  text-decoration:none;line-height:1.2;transition:transform .12s ease,box-shadow .12s ease}
.amx-wrap .amx-btn-main{background:var(--amx-mint);color:#fff;box-shadow:inset 0 5px 0 rgba(255,255,255,.3),inset 0 -6px 0 var(--amx-mint-d),0 6px 0 rgba(0,0,0,.1)}
.amx-wrap .amx-btn-ghost{background:#fff;color:var(--amx-ink);box-shadow:inset 0 -5px 0 #D6E6F2,0 6px 0 rgba(0,0,0,.08)}
.amx-wrap .amx-btn:hover{transform:translateY(-2px)}
.amx-wrap .amx-btn:active{transform:translateY(4px)}
.amx-wrap .amx-btn:focus-visible{outline:3px solid var(--amx-purple);outline-offset:3px}
.amx-bundle{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;background:#fff;border:3px dashed var(--amx-sun-d);border-radius:22px;padding:16px 20px}
.amx-bundle-tag{background:var(--amx-sun);color:#7A4B00;border-radius:999px;padding:4px 14px;font-weight:900}
.amx-bundle-text{flex:1 1 220px;font-weight:700;font-size:17px;min-width:0}
.amx-demo{background:var(--amx-sky);border-radius:26px;padding:16px}
.amx-demo-label{margin:0 0 10px;font-weight:900;font-size:18px;text-align:center}
.amx-demo iframe{display:block;width:100%;border:0;border-radius:20px;background:#fff}
@media (max-width:480px){.amx-hero{padding:26px 16px}.amx-card{padding:18px}.amx-demo{padding:10px}}
@media (prefers-reduced-motion:reduce){.amx-wrap .amx-btn{transition:none}}