.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffc;box-shadow:0 1px 3px #0000000d;height:64px;padding:0 24px;position:sticky;top:0;z-index:100}.header,.logo-container{align-items:center;display:flex}.logo-container{margin-right:40px;text-decoration:none;transition:opacity .2s ease}.logo-container:hover{opacity:.8}.logo{height:36px;margin-right:10px;width:auto}.logo-text{color:#333;font-size:18px;font-weight:600}.nav{margin-right:auto}.nav ul{display:flex;list-style:none;margin:0;padding:0}.nav li{margin-right:24px}.nav a{color:#555;font-size:14px;font-weight:500;padding:8px 0;position:relative;text-decoration:none;transition:color .2s ease}.nav a:hover{color:#000}.nav a.active{color:#06c;font-weight:600}.nav a.active:after{background-color:#06c;border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.header-right{align-items:center;display:flex}.search{margin-right:16px;position:relative}.search input{background-color:#0000000d;border:none;border-radius:8px;font-size:14px;padding:8px 32px 8px 12px;transition:all .2s ease;width:180px}.search input:focus{background-color:#00000012;outline:none;width:220px}.search-icon{color:#888;font-size:14px;font-style:normal;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.user-avatar img{border:2px solid #0000;border-radius:50%;height:36px;transition:border-color .2s ease;width:36px}.user-avatar img:hover{border-color:#06c}.banner{background:linear-gradient(90deg,#000000b3,#00000080),url(https://sce8a9b0c4d5sr-sb-qn.qiqiuyun.net/files/course/2024/03-03/2304160d2470297968.png);background-position:top;background-size:100% auto;border-radius:12px;color:#fff;display:flex;flex-direction:column;height:400px;justify-content:space-between;margin:20px 0;overflow:hidden;padding:60px 40px;position:relative;transition:background-size .5s ease}.banner:before{content:none}.banner-title{color:#fc0;font-size:42px;font-weight:700;margin-bottom:10px}.banner-subtitle{font-size:28px;font-weight:400;margin-bottom:10px}.banner-contact{font-size:22px;margin-top:20px}.banner-price{color:#ff3b30;font-size:32px;font-weight:700;position:absolute;right:80px;top:70px;transform:rotate(5deg)}.banner-features{position:absolute;right:50px;top:150px;width:200px}.feature-item{align-items:center;display:flex;font-size:14px;margin-bottom:10px}.bullet{color:#fc0;font-size:18px;margin-right:8px}.banner-indicators{display:flex;justify-content:center;margin-bottom:20px;margin-top:20px}.indicator{background:linear-gradient(135deg,#f90,#fc0);border:2px solid #fffc;border-radius:50%;box-shadow:0 0 4px #00000080;cursor:pointer;height:12px;margin:0 5px;transition:all .3s;width:12px}.indicator.active{background:linear-gradient(135deg,#ff3b30,#ff9500);border:2px solid #fff;transform:scale(1.2)}.banner-wrapper{border-radius:12px;height:400px;margin:20px 0;overflow:hidden;position:relative;width:100%}@keyframes slideToLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.banner-slide-enter{animation:slideFromRight .5s forwards}.banner-slide-exit{animation:slideToLeft .5s forwards;left:0;position:absolute;top:0;width:100%}.banner-nav{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s;width:40px}.banner-nav:hover{opacity:1}.banner-nav-left{left:10px}.banner-nav-right{right:10px}.banner-hovered{background-position:top;background-size:120% auto}.banner-content-placeholder{flex-grow:1}.course-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:transform .3s,box-shadow .3s}.course-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.course-image img{height:160px;object-fit:cover;width:100%}.course-info{padding:15px}.course-card .course-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1d1d1f;display:-webkit-box;font-size:17px!important;font-weight:500!important;height:38px;line-height:1.3;margin-bottom:8px;overflow:hidden}.course-category{color:#86868b;font-size:13px;margin-bottom:8px}.course-instructor{color:#86868b;font-size:13px;margin-bottom:12px}.course-bottom,.course-instructor{display:flex;justify-content:space-between}.course-bottom,.course-price{align-items:center}.course-price{display:flex}.course-card .current-price{color:#ff3b30;font-size:15px!important;font-weight:600}.course-card .original-price{color:#86868b;font-size:13px!important;margin-left:8px;text-decoration:line-through}.course-stats{align-items:center;display:flex}.enroll-count{color:#86868b;font-size:12px;margin-right:10px}.enroll-btn{background-color:#f08008}.enroll-btn,.enroll-btn-course{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px;transition:background-color .2s}.enroll-btn-course{background-color:#2f7cf7}.enroll-btn:hover{background-color:#0062cc}.course-card-link{color:inherit;display:block;text-decoration:none}.unity-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;cursor:pointer;overflow:hidden;transition:transform .3s,box-shadow .3s}.unity-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.unity-image img{height:160px;object-fit:cover;width:100%}.unity-info{padding:15px}.unity-title{color:#1d1d1f;font-size:15px;font-weight:600;margin-bottom:8px}.unity-description{color:#86868b;font-size:14px;margin-bottom:12px}.unity-stats{display:flex;justify-content:space-between;margin-bottom:15px}.stats-item{color:#86868b;font-size:13px}.unity-bottom{justify-content:space-between}.unity-bottom,.unity-price{align-items:center;display:flex}.unity-price{font-size:15px}.unity-current-price{color:#1d1d1f;color:red;font-size:16px;font-weight:600;margin-right:10px}.unity-original-price{color:#86868b;font-size:15px;-webkit-text-decoration:line-through .9px;text-decoration:line-through .9px}.unity-buttons{align-items:center;display:flex}.comment-card{border-bottom:1px solid #f2f2f2;box-sizing:border-box;padding:15px;width:100%}.comment-header{justify-content:space-between;margin-bottom:10px}.comment-header,.user-info{align-items:center;display:flex}.user-avatar{height:24px;margin-right:8px;width:24px}.username{color:#1d1d1f;font-size:14px;font-weight:500}.comment-time{color:#86868b;font-size:12px}.comment-content{color:#1d1d1f;font-size:14px;line-height:1.5;margin-bottom:10px}.comment-footer{align-items:center;display:flex;justify-content:space-between}.comment-rating{color:#ff9500;font-size:13px}.comment-course{color:#86868b;font-size:12px}.contact-buttons-container{bottom:100px;display:flex;flex-direction:column;gap:15px;position:fixed;right:30px;z-index:1000}.contact-button-wrapper{position:relative}.contact-button{align-items:center;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:50px}.contact-button:hover{transform:translateY(-3px)}.contact-button svg{height:24px;width:24px}.phone-button{background:linear-gradient(135deg,#007aff,#5856d6);box-shadow:0 4px 12px #007aff4d}.phone-button:hover{box-shadow:0 6px 16px #007aff66}.wechat-button{background:linear-gradient(135deg,#09bb07,#06ab04);box-shadow:0 4px 12px #09bb074d}.wechat-button:hover{box-shadow:0 6px 16px #09bb0766}.email-button{background:linear-gradient(135deg,#ff9500,#ff7a00);box-shadow:0 4px 12px #ff95004d}.email-button:hover{box-shadow:0 6px 16px #ff950066}.contact-card{animation:fadeIn .3s ease;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:12px;bottom:0;box-shadow:0 10px 25px #0000001a;padding:16px;position:absolute;right:60px;width:200px}.contact-card-title{border-bottom:1px solid #0000000f;color:#1d1d1f;font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.contact-card-content{padding:0}.contact-card-info{align-items:center;color:#1d1d1f;display:flex;font-size:14px;margin:8px 0}.qrcode-container{display:flex;justify-content:center;padding:10px 0}.qrcode-image{border:1px solid #0000001a;border-radius:4px;height:150px;object-fit:contain;width:150px}.wechat-card{width:220px}@keyframes fadeIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.contact-buttons-container{bottom:80px;gap:10px;right:20px}.contact-button{height:45px;width:45px}.contact-card{right:55px;width:180px}.wechat-card{width:200px}.qrcode-image{height:130px;width:130px}}.course-section{box-sizing:border-box;width:100%}.course-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px;max-width:100%;width:100%}.course-grid:has(.comments-container){display:block}.comments-container{display:flex!important;gap:24px;grid-column:1/-1;width:100%}.comments-container.full-width{box-sizing:border-box;display:flex;left:50%;margin-left:-50vw;margin-right:-50vw;padding:0 calc(50vw - 50%);position:relative;right:50%;width:100vw}.comments-column{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffffb3;background-image:linear-gradient(to bottom right,#ffffffe6,#f0f0facc);border:1px solid #fffc;border-radius:12px;box-shadow:0 4px 15px #0000000d;box-sizing:border-box;flex:1 1;padding:20px;width:50%}.activity-column,.evaluation-column{min-width:50%}.comments-column>div{max-width:100%;overflow:hidden}.column-title{border-bottom:1px solid #f0f0f0;color:#000;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.learning-record{align-items:flex-start;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-image:linear-gradient(to bottom right,#f9f9fce6,#f5f5ffb3);border:1px solid #fff9;border-radius:10px;box-shadow:0 2px 10px #00000008;display:flex;padding:12px;transition:all .3s ease}.learning-record:hover{background-image:linear-gradient(to bottom right,#f5f5fff2,#ebebfad9);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.user-avatar{border-radius:50%;flex-shrink:0;height:40px;margin-right:12px;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.record-content{flex:1 1;min-width:0}.record-user{align-items:center;color:#333;display:flex;font-weight:600;margin-bottom:4px}.progress-tag{background-color:#f0f0f0;border-radius:4px;color:#666;font-size:12px;font-weight:400;margin-left:8px;padding:2px 6px}.record-activity{color:#555;font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-name{color:#007aff;font-weight:500}.record-time{color:#999;font-size:12px;text-align:right}.comment-list{overflow:hidden;width:100%}.comment-list .comment-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-image:linear-gradient(to bottom right,#fafaffcc,#f5f5fcb3);border:1px solid #fff9;border-radius:8px;box-sizing:border-box;margin-bottom:12px;transition:all .3s ease;width:100%}.comment-list .comment-card:hover{background-image:linear-gradient(to bottom right,#f8f8ffe6,#f0f0facc);box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}@media (max-width:768px){.comments-container{flex-direction:column}.comments-column{margin-bottom:24px;width:100%}}.scrollable{max-height:400px;overflow-x:hidden;overflow-y:auto;padding-right:5px}.scrollable::-webkit-scrollbar{width:8px}.scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.scrollable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.scrollable::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.learning-records{display:flex;flex-direction:column;gap:16px}.view-all-container{display:flex;grid-column:1/-1;justify-content:center;margin:20px 0 10px}.view-all-button{align-items:center;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);background:#ffffffb3;border:1px solid #007aff33;border-radius:20px;box-shadow:0 2px 6px #0000000d;color:var(--apple-blue);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 20px;transition:all .2s ease}.view-all-button:hover{background:#ffffffe6;box-shadow:0 4px 12px #007aff26;transform:translateY(-2px)}.view-all-button:active{box-shadow:0 2px 6px #0000000d;transform:translateY(0)}.arrow-icon{fill:var(--apple-blue);margin-left:4px;transition:transform .2s ease}.view-all-button:hover .arrow-icon{transform:translateX(3px)}.footer{background-color:#f5f5f7;border-top:1px solid #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin-top:80px;padding:40px 0;text-align:center}.footer-container{margin:0 auto;max-width:2222;padding:0 22px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.footer-link{color:#515154;font-size:15px;font-weight:400;letter-spacing:.01em;margin:0 15px;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#06c}.footer-info{color:#86868b;font-size:12px;letter-spacing:-.01em;line-height:1.33337}.footer-info p{margin:8px 0}.footer-divider{background-color:#0000001a;height:1px;margin:20px auto 30px;max-width:2222px;width:100%}.course-detail-page{background-color:#fbfbfd;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1200px;padding:40px 20px}.breadcrumb{color:#86868b;font-size:13px;gap:8px;letter-spacing:.2px;margin-bottom:24px}.breadcrumb,.breadcrumb-item{align-items:center;display:flex}.breadcrumb-item{position:relative}.breadcrumb-link{background:#0000;border-radius:6px;padding:4px 8px;transition:all .2s ease}.breadcrumb-link:hover{background:#0000000d;color:#06c}.breadcrumb-separator{color:#d2d2d7;font-size:12px;margin:0 2px}.breadcrumb-item:last-child .breadcrumb-link{color:#1d1d1f;font-weight:500;pointer-events:none}.course-title-container{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:40px}.course-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#1d1d1f,#434344);-webkit-background-clip:text;color:#1d1d1f;font-size:38px;font-weight:700;letter-spacing:-.022em;line-height:1.08;margin-bottom:16px}.course-subtitle{color:#86868b;font-size:20px;font-weight:700;letter-spacing:.004em}.course-actions{display:flex;gap:12px}.action-button{align-items:center;background:#0000000a;border:none;border-radius:980px;color:#1d1d1f;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.action-button:hover{background:#00000014}.course-detail-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 350px}.course-tabs{display:flex;margin-bottom:30px}.tab-button{background:none;border:none;color:#86868b;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:-.01em;padding:16px 24px;position:relative;transition:all .3s ease}.tab-button.active{color:#1d1d1f}.tab-button.active:after{background:#1d1d1f;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:transform .3s ease;width:24px}.course-chapters{background:#fff;border-radius:18px;box-shadow:0 2px 12px #00000014;overflow:hidden}.chapter{border:none;margin-bottom:2px}.chapter-header{align-items:center;background:#fff;cursor:pointer;display:flex;padding:20px;transition:background-color .2s ease}.chapter-header:hover{background:#f5f5f7}.chapter-title{flex:1 1;font-weight:500;letter-spacing:-.01em}.chapter-sections{background:#fff}.section{align-items:center;border-top:1px solid #f5f5f7;display:flex;padding:16px 20px;transition:background-color .2s ease}.section:hover{background:#f5f5f7}.section-title{flex:1 1;font-size:14px}.status-icon{color:#d2d2d7;font-size:16px;margin-right:12px}.status-icon.completed{color:#00b300}.icon-play{color:#fff;font-size:16px;font-weight:500}.course-info-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#fff;background:linear-gradient(135deg,#fffcfb59,#ebebff59);border:1px solid #e0e0e04d;border-radius:18px;box-shadow:0 4px 24px #2f2f2f03;padding:30px}.price-section{margin-bottom:30px}.price-label{color:#1d1d1f;font-size:14px;font-weight:600;letter-spacing:-.01em}.price-value{align-items:baseline;display:flex;gap:12px;margin:8px 0}.current-price{color:#d42300;font-size:32px;font-weight:600;letter-spacing:-.02em}.original-price{color:#86868b;font-size:16px;text-decoration:line-through}.limited-offer{color:#bf4800;font-size:13px;font-weight:500}.enroll-button{background:#0071e3;border:none;border-radius:980px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:500;letter-spacing:-.01em;margin-bottom:24px;padding:16px;transition:all .2s ease;width:100%}.enroll-button:hover{background:#0077ed;transform:scale(1.01)}.instructor-section{align-items:center;border-bottom:1px solid #d2d2d7;display:flex;margin-bottom:24px;padding-bottom:24px}.instructor-avatar{border-radius:50%;height:56px;margin-right:16px;object-fit:cover;width:56px}.instructor-name{color:#1d1d1f;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}.rating{align-items:center;color:#86868b;display:flex;font-size:13px;gap:6px}.star-filled{color:#ff9f0a}.star-empty{color:#d2d2d7}.course-features h3{color:#1d1d1f;font-size:15px;font-weight:600;letter-spacing:-.01em;margin-bottom:16px}.course-features ul{list-style:none;padding:0}.course-features li{align-items:center;color:#1d1d1f;display:flex;font-size:14px;padding:10px 0}.course-features li:before{color:#00b300;content:"✓";font-weight:600;margin-right:12px}.error,.loading{align-items:center;color:#86868b;display:flex;font-size:17px;height:400px;justify-content:center;letter-spacing:-.01em}.error{color:#ff3b30}.course-intro{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#fff8f559,#f5f5ff59);border:1px solid #e0e0e04d;border-radius:18px;padding:30px}.course-intro p{color:#1d1d1f;font-size:15px;line-height:1.6;margin-bottom:16px}.course-intro ul{list-style:disc;margin:16px 0;padding-left:20px}.course-intro li{color:#1d1d1f;font-size:15px;line-height:1.6;margin-bottom:8px}.course-intro strong{font-weight:600}.course-tabs-wrapper{background-color:#fff;border:1px solid #e0e0e04d;border-radius:8px;height:55px;margin-bottom:10px;position:sticky;top:0;width:100%;z-index:100}.student-count{color:#9b9bae;font-size:13px;font-weight:500;letter-spacing:-.01em;margin-left:10px}.course-cover-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff6,#ffffff1a);border:1px solid #ffffff2e;border-radius:24px;box-shadow:0 8px 30px #0000000f;margin:24px 0 32px;overflow:hidden;position:relative}.course-cover-image{display:block;height:360px;object-fit:cover;transition:transform .3s ease;width:100%}.course-cover-container:hover .course-cover-image{transform:scale(1.02)}.course-cover-overlay{background:linear-gradient(0deg,#000 0,#0000);bottom:0;color:#fff;left:0;padding:40px 24px 24px;position:absolute;right:0}.cover-stats{font-size:14px;gap:16px}.cover-stats,.stat-item{align-items:center;display:flex}.stat-item{gap:6px}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body{background-color:#f5f5f7;color:#1d1d1f}.app{margin:0 auto;max-width:1200px}.section-title{border-left:4px solid #007aff;color:#1d1d1f;font-size:24px;font-weight:600;margin-bottom:10px;margin-top:50px;padding-left:10px}.section-description{color:#86868b;font-size:16px;margin-bottom:30px}.view-all{color:#007aff;display:flex;font-size:14px;justify-content:flex-end;margin-bottom:20px;text-decoration:none}.view-all:hover{text-decoration:underline}
/*# sourceMappingURL=main.32d9f4f9.css.map*/