.nav-wrapper[data-v-7ccbe778]{background:#fff;box-shadow:0 2px 8px #0000001a;position:relative;display:flex;width:100%;top:0;z-index:15}.nav-content[data-v-7ccbe778]{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;width:100%}.nav-left[data-v-7ccbe778]{display:flex;align-items:center;gap:3rem}.logo img[data-v-7ccbe778]{height:40px}.nav-links[data-v-7ccbe778]{display:flex;gap:2rem;align-items:center}.nav-item[data-v-7ccbe778]{color:#333;text-decoration:none;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem}.nav-item[data-v-7ccbe778]:hover{color:#2c5282}.nav-right[data-v-7ccbe778]{display:flex;align-items:center;gap:2rem;justify-content:flex-end}.content-search[data-v-7ccbe778]{display:flex;align-items:center;padding:5px 10px;width:350px;height:35px;background:#f0f2f4;border-radius:8px}.content-search input[data-v-7ccbe778]{padding:0 10px;width:calc(100% - 22px);height:40px;border:0;border-radius:8px;background:#f0f2f4;color:gray;font-size:16px;outline:none}.cntent-shopping[data-v-7ccbe778]{cursor:pointer}.content-login[data-v-7ccbe778]{font-size:18px;color:#333;text-align:center;cursor:pointer;text-decoration:none}.content-login-success[data-v-7ccbe778]{height:53px;color:gray;text-align:center;width:auto;display:flex;align-items:center;justify-content:space-between;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#707070}.order-required-wrapper[data-v-7ccbe778]{position:relative;display:inline-block}.order-menu[data-v-7ccbe778]{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:10px;background-color:#fff;border:1px solid rgba(248,250,252,1);box-shadow:0 5px 15px 3px #888;border-radius:10px;z-index:999;display:flex;flex-direction:column;padding:5px 0;width:120px}.order-menu-item[data-v-7ccbe778]{padding:8px 15px;color:#333;text-decoration:none;font-size:1rem;text-align:center}.order-menu-item[data-v-7ccbe778]:hover{background-color:#f0f2f4;color:#2c5282}.contact-us-wrapper[data-v-7ccbe778]{position:relative;display:inline-block}.avator[data-v-7ccbe778]{height:53px;width:53px;cursor:pointer;border-radius:50%}.user-info[data-v-7ccbe778]{width:200px;display:flex;flex-direction:column;background-color:#fff;border:1px solid rgba(248,250,252,1);box-shadow:0 5px 15px 3px #888;position:absolute;top:75px;left:130px;z-index:999;border-radius:10px}.user-info-top[data-v-7ccbe778]{display:flex;width:100%;border-bottom:1px solid rgba(248,250,252,1);flex-direction:column}.author-info[data-v-7ccbe778]{width:200px;height:200px;background-color:#fff;border:1px solid rgba(248,250,252,1);box-shadow:0 5px 15px 3px #888;position:absolute;top:100%;right:0;margin-top:10px;z-index:999;display:block;border-radius:10px}.author-info img[data-v-7ccbe778]{width:80%;height:auto;display:block;margin:5px auto}.author-info-top[data-v-7ccbe778]{display:flex;width:100%;border-bottom:1px solid rgba(248,250,252,1);flex-direction:column}.user-info-middle[data-v-7ccbe778]{padding:10px;border-bottom:1px solid rgba(248,250,252,1)}.user-info-bottom[data-v-7ccbe778]{position:relative;width:100%;height:30px}.u-i-t-top[data-v-7ccbe778]{display:flex;height:80px;width:100%;align-items:center}.u-i-t-top img[data-v-7ccbe778]{width:40px;height:40px;margin:0 10px;cursor:pointer}.avator-info[data-v-7ccbe778]{width:120px;height:60px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333;display:flex;flex-direction:column}.avator-info p[data-v-7ccbe778]{line-height:1.4;cursor:pointer;word-break:break-all;white-space:normal;height:auto}.u-i-i-bottom[data-v-7ccbe778]{display:flex;height:100px;width:200px;margin-top:10px;flex-wrap:wrap;justify-content:space-around}.u-i-i-bottom a[data-v-7ccbe778]{text-decoration:none}.info-item[data-v-7ccbe778]{width:90px;height:30px;display:flex;justify-content:space-around;align-items:center;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#333;border-radius:3px;cursor:pointer;background-color:#0000001a!important}.info-item img[data-v-7ccbe778]{width:14px;height:16px}.logout_left[data-v-7ccbe778]{line-height:30px;position:absolute;top:0;left:10px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#93999f;cursor:pointer}.logout_right[data-v-7ccbe778]{line-height:30px;position:absolute;top:0;right:10px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#93999f;cursor:pointer}.vip[data-v-7ccbe778]{display:flex;flex-direction:row;width:100%;height:30px;margin-left:-105px;margin-top:18px;font-size:12px;line-height:30px}.vipImg[data-v-7ccbe778]{width:15px;height:15px;margin-right:12px}.vipImg img[data-v-7ccbe778]{width:100%!important;height:100%!important}.vipName[data-v-7ccbe778]{color:#93999f}.endTime[data-v-7ccbe778]{padding-left:2px;color:red;position:absolute;top:45px;left:73px;font-size:12px}.avator-info-half[data-v-7ccbe778]{width:60px;height:60px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333;display:flex;flex-direction:column}.avator-info-half p[data-v-7ccbe778]{line-height:1.4;cursor:pointer;word-break:break-all;white-space:normal;height:auto}.popup-footer[data-v-7ccbe778]{text-align:center;line-height:30px;font-size:12px;color:#666}.music-toggle-btn[data-v-7ccbe778]{position:relative;width:40px;height:40px;background-color:#0000001a;color:#333;border:1px solid rgba(0,0,0,.2);border-radius:50%;font-size:24px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .3s,transform .3s}.music-toggle-btn[data-v-7ccbe778]:hover{background-color:#0003;transform:scale(1.1)}@keyframes spin-7ccbe778{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-toggle-btn.rotating[data-v-7ccbe778]{animation:spin-7ccbe778 4s linear infinite}@media (max-width: 768px){.nav-left[data-v-7ccbe778],.nav-right[data-v-7ccbe778],.nav-links[data-v-7ccbe778]{gap:1rem}.nav-item[data-v-7ccbe778],.content-login[data-v-7ccbe778],.content-login-success[data-v-7ccbe778]{font-size:14px}.content-login-success[data-v-7ccbe778]{height:40px}.avator[data-v-7ccbe778]{height:40px;width:40px}.logo img[data-v-7ccbe778]{height:32px}.nav-content[data-v-7ccbe778]{padding:.35rem .75rem}}.course-card[data-v-4bb64a1e]{padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease;cursor:pointer;width:100%;display:block;color:inherit}.gray-text[data-v-4bb64a1e],.gray-text h3[data-v-4bb64a1e],.gray-text .meta[data-v-4bb64a1e],.gray-text .description[data-v-4bb64a1e],.gray-text .sub-items[data-v-4bb64a1e],.gray-text .sub-item[data-v-4bb64a1e]{color:#b3b2b2!important}h3[data-v-4bb64a1e]{font-size:1.25rem;margin-bottom:0;margin-right:1rem}.meta[data-v-4bb64a1e]{margin-bottom:0}.level[data-v-4bb64a1e],.age-range[data-v-4bb64a1e]{padding:.25rem .5rem;border-radius:4px;background:#fff3;margin-right:.5rem;font-size:.875rem}.description[data-v-4bb64a1e]{font-size:.875rem;line-height:1.5;margin-bottom:1rem}.description-row[data-v-4bb64a1e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.description[data-v-4bb64a1e]{font-size:.875rem;line-height:1.5;margin-bottom:0;flex-grow:1;padding-right:10px}.btn-course-ware-card[data-v-4bb64a1e]{width:80px;height:30px;line-height:30px;border:0px;outline:none;color:#fff;background:#4caf50;border-radius:12px;cursor:pointer;flex-shrink:0}.btn-course-ware-card[data-v-4bb64a1e]:hover{background:#2e7d32}.drawer[data-v-4bb64a1e]{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.drawer.is-open[data-v-4bb64a1e]{max-height:500px}.card-header[data-v-4bb64a1e]{cursor:pointer;position:relative;padding-right:2rem;width:100%;display:block}.arrow[data-v-4bb64a1e]{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(0);transition:transform .3s ease}.arrow.is-open[data-v-4bb64a1e]{transform:translateY(-50%) rotate(180deg)}h3[data-v-4bb64a1e],.meta[data-v-4bb64a1e],.description[data-v-4bb64a1e],.sub-items[data-v-4bb64a1e],.sub-item[data-v-4bb64a1e]{color:inherit}.btn-learn[data-v-4bb64a1e]{margin:5px 5px 0 0;float:right;right:-100px;width:80px;height:30px;line-height:30px;border:0px;outline:none;color:#fff;background:#388fff;border-radius:12px;cursor:pointer}.btn-learn[data-v-4bb64a1e]:hover{background:#1565c0}.sub-item[data-v-4bb64a1e]{display:flex;justify-content:space-between;align-items:center}.title-and-meta-group[data-v-4bb64a1e]{display:flex;align-items:baseline;margin-bottom:.5rem}.course-card.gray-text .card-header[data-v-4bb64a1e]{cursor:default}.home[data-v-a4e3fc3b]{padding-top:60px}main[data-v-a4e3fc3b]{max-width:1200px;margin:0 auto;padding:2rem}section[data-v-a4e3fc3b]{margin-bottom:4rem}h2[data-v-a4e3fc3b]{font-size:2rem;color:#333;margin-bottom:1rem}.section-desc[data-v-a4e3fc3b]{color:#666;margin-bottom:2rem;line-height:1.6}.course-grid[data-v-a4e3fc3b]{display:flex;flex-direction:column;gap:1rem;width:100%}[data-v-a4e3fc3b] .course-card{position:relative}[data-v-a4e3fc3b] .course-card[data-type=basic]{background-color:#e3f2fd}[data-v-a4e3fc3b] .course-card[data-type=application]{background-color:#e8f5e9}[data-v-a4e3fc3b] .course-card[data-type=advanced]{background-color:#fff3e0}.sub-items[data-v-a4e3fc3b]{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.sub-item[data-v-a4e3fc3b]{padding:.75rem;background:#fff3;border-radius:4px;font-size:.875rem;display:flex;justify-content:space-between;align-items:center}.btn-group[data-v-a4e3fc3b]{display:flex}.btn-try[data-v-a4e3fc3b]{width:70px;height:30px;background:#e8e8e8;border-radius:8px;outline:none;border:none;cursor:pointer;margin-right:10px;font-size:14px;color:gray}.btn-try[data-v-a4e3fc3b]:hover{opacity:.8}.btn-learn[data-v-a4e3fc3b]{width:70px;height:30px;background:#3b8cff;border-radius:8px;outline:none;border:none;cursor:pointer;font-size:14px;color:#fff}.btn-learn[data-v-a4e3fc3b]:hover{opacity:.8}.btn-try-inline[data-v-a4e3fc3b]{width:40px;height:20px;background:#e8e8e8;border-radius:4px;outline:none;border:none;cursor:pointer;font-size:12px;color:gray;margin-left:5px}.btn-try-inline[data-v-a4e3fc3b]:hover{opacity:.8}.btn-try-inline-pink[data-v-a4e3fc3b]{width:40px;height:20px;background:#a4ca66;border-radius:4px;outline:none;border:none;cursor:pointer;font-size:12px;color:gray;margin-left:5px}.btn-try-inline-pink[data-v-a4e3fc3b]:hover{opacity:.8}.ai-basics[data-v-a4e3fc3b]{position:relative;padding-top:160px;margin-top:-60px}.ai-basics[data-v-a4e3fc3b]:before{content:"";position:absolute;top:0;left:0;right:0;height:140px;background-image:url("/assets/dayofai(1)-ctMRauvZ.png");background-size:cover;background-position:top center;background-repeat:no-repeat;border-radius:12px;margin:0}.ai-basics h2[data-v-a4e3fc3b]{position:relative;z-index:1;margin-top:40px}.ai-basics .section-desc[data-v-a4e3fc3b]{position:relative;z-index:1;margin-bottom:30px}:root{--primary-color: #4299e1;--secondary-color: #48bb78;--advanced-color: #9f7aea;--text-primary: #333333;--text-secondary: #666666}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;background-color:#f7fafc}