:root{--primary: #48bb78;--primary-light: #68d391;--primary-dark: #38a169;--secondary: #ffffff;--accent: #48bb78;--accent-hover: #38a169;--accent-light: #c6f6d5;--accent-secondary: #68d391;--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: #718096;--text-light: #a0aec0;--bg-primary: #fafafa;--bg-secondary: #f5f5f5;--bg-tertiary: #ffffff;--card-background: #ffffff;--card-border: #f0f0f0;--card-hover: #fafafa;--border-color: #e2e8f0;--border-light: #edf2f7;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--z-navbar: 1000;--z-back-to-top: 999;--z-dropdown: 100;--z-modal: 500;--z-overlay: 400;--z-tooltip: 600;--z-default: 1;--z-background: -1;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--container-max-width: 1400px;--container-padding: 2rem;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--transition-default: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;overflow-y:scroll;font-size:16px}a{color:inherit;text-decoration:none;transition:color var(--transition-fast) ease}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.page{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding-top:80px}.section{padding:4rem 0}@media(max-width:768px){.section{padding-bottom:3rem}.section:last-child{padding-bottom:4rem}}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;font-family:Space Grotesk,sans-serif}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--transition-normal) var(--transition-default);text-decoration:none;border:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.no-data{text-align:center;padding:4rem 2rem;color:var(--text-muted);font-size:1.125rem}.navbar{position:fixed;top:0;width:100%;background:#fffffff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-color);z-index:var(--z-navbar);transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.25rem;font-weight:600;font-family:Space Grotesk,sans-serif;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.75rem}.logo-image{height:40px;width:40px;border-radius:50%;object-fit:cover;object-position:center center}.nav-menu{display:flex;list-style:none;gap:2.5rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--accent);transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-link.active:after,.nav-link:hover:after{width:100%}.mobile-menu-btn{display:none;background:#f5f5f5;border:1px solid #e5e7eb;border-radius:8px;font-size:1.25rem;color:#1f2937;cursor:pointer;padding:.625rem .875rem;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:44px;min-height:44px;align-items:center;justify-content:center}.mobile-menu-btn:hover{background:#fff;border-color:#10b981;transform:scale(1.05)}.mobile-menu-btn:focus{outline:2px solid #10b981;outline-offset:2px}.mobile-menu-btn.active{background:linear-gradient(135deg,#48bb7833,#10b98140)!important;border-color:#10b981!important;color:#10b981!important;box-shadow:0 0 0 3px #48bb7826,0 2px 8px #48bb7833!important}.mobile-menu-btn i{transition:transform .3s ease}.mobile-menu-btn.active i{transform:rotate(180deg)}@media(max-width:768px){.mobile-menu-btn{display:flex!important}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:calc(var(--z-navbar) - 1)}.nav-overlay.active{opacity:1;visibility:visible}.nav-container{margin:0 auto;padding:.8rem 1rem}.nav-menu{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:#fff;flex-direction:column;justify-content:flex-start;padding:6rem 2rem 2rem;box-shadow:-4px 0 20px #0000001a;transition:right .3s cubic-bezier(.4,0,.2,1);border-left:1px solid #e5e7eb;overflow-y:auto;z-index:var(--z-navbar)}.nav-menu.active{right:0}.nav-menu li{width:100%;border-bottom:1px solid #f3f4f6}.nav-menu li:last-child{border-bottom:none}.nav-link{display:block;padding:1rem 0;font-size:1.0625rem;width:100%;color:#4b5563}.nav-link:hover,.nav-link.active{color:#10b981}.nav-link.active{font-weight:600}.nav-link:after{bottom:-3px}}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:1.5rem 2rem;margin-top:auto;flex-shrink:0}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-links{display:flex;gap:2.5rem;list-style:none}.footer-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease}.footer-links a:hover{color:var(--text-primary)}.footer-container{max-width:1400px;margin:0 auto}.footer-bottom{text-align:center;color:var(--text-light);font-size:.875rem}.footer-bottom a{color:var(--text-secondary);text-decoration:none}.footer-bottom a:hover{color:var(--text-primary)}.loading-overlay{position:fixed;inset:0;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem 4rem;background:#fffc;border-radius:2rem;box-shadow:0 20px 60px #0000001a;border:1px solid var(--border-color)}.loading-spinner i.fa-spinner{font-size:3rem;color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{margin:0;font-size:1rem;font-weight:500;color:var(--text-secondary);letter-spacing:.05em}.loading-dots{display:flex;align-items:center;gap:.75rem}.loading-dots span{width:12px;height:12px;border-radius:50%;background:var(--accent);animation:pulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.loading-bar{width:200px;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;position:relative}.loading-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:loading-slide 1.5s infinite}@keyframes loading-slide{0%{left:-100%}to{left:100%}}.loading-circle{width:60px;height:60px;border-radius:50%;border:4px solid var(--border-color);border-top-color:var(--accent);animation:circle-spin 1s linear infinite}@keyframes circle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.loading-spinner{padding:2rem 2.5rem;gap:1.5rem}.loading-spinner i.fa-spinner{font-size:2.5rem}.loading-spinner p{font-size:.9375rem}.loading-bar{width:160px}}@media(prefers-color-scheme:dark){.loading-overlay{background:linear-gradient(135deg,#1a1a2e,#16213e)}.loading-spinner{background:#1e1e32e6;border-color:#ffffff1a}.loading-bar{background:#ffffff1a}}.page-transition{opacity:0;transform:translateY(20px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.page-transition-ready{transform:translateY(20px)}.page-transition-visible{opacity:1;transform:translateY(0)}.page-transition-visible>*{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) backwards}.page-transition-visible>*:nth-child(1){animation-delay:0s}.page-transition-visible>*:nth-child(2){animation-delay:.1s}.page-transition-visible>*:nth-child(3){animation-delay:.2s}.page-transition-visible>*:nth-child(4){animation-delay:.3s}.page-transition-visible>*:nth-child(5){animation-delay:.4s}.page-transition-visible>*:nth-child(6){animation-delay:.5s}.lazy-image-container{position:relative;overflow:hidden;display:block}.lazy-image{opacity:0;transition:opacity .4s ease-in-out}.lazy-image.lazy-image-loaded{opacity:1!important}.lazy-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-hover) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.lazy-image-skeleton{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lazy-image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);min-height:200px}.lazy-image-error i{font-size:2rem;margin-bottom:.5rem;opacity:.5}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.card-hover{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.btn-animated{position:relative;overflow:hidden}.btn-animated:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-animated:hover:before{left:100%}@media(max-width:768px){.page-transition{transform:translateY(15px)}.lazy-image-error{min-height:150px;padding:1.5rem}}.course-detail-modern{min-height:100vh;background:linear-gradient(to bottom,var(--bg-primary) 0%,white 100%)}.course-detail-modern>.container{max-width:1400px;margin:0 auto;padding:3rem 2rem 4rem}.course-grid-modern{display:grid;grid-template-columns:1fr;gap:2rem;align-items:stretch}@media(min-width:1024px){.course-grid-modern{grid-template-columns:1fr 2fr}}.course-header-section{margin:2rem 0}.course-header-toggle,.course-header-toggle .course-title-large{display:none}.course-header-details{display:block}.course-header-row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2rem;margin-bottom:1rem}.course-title-large{font-size:2.25rem;font-weight:700;margin:0;font-family:Space Grotesk,sans-serif;color:var(--text-primary);line-height:1.2;flex:1;min-width:200px}.course-badge-modern{display:inline-flex;align-items:center;padding:.375rem .875rem;background:#d1fae5;color:#065f46;border-radius:.5rem;font-size:.75rem;font-weight:600}.course-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem}.course-meta-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-secondary)}.course-meta-item i{color:var(--accent);font-size:.875rem}.course-desc-modern{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-top:1rem}.course-desc-modern p{margin:0 0 .75rem}.course-desc-modern p:last-child{margin-bottom:0}.course-left-column{display:flex;flex-direction:column}.course-progress-card{background:#f8fafc;border-radius:.75rem;padding:1rem;margin-top:1rem}.progress-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.progress-icon{width:2rem;height:2rem;border-radius:50%;background:#d1fae5;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.progress-text{flex:1}.progress-label{font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0}.progress-sub{font-size:.75rem;color:var(--text-muted);margin:0}.progress-bar-modern{height:.5rem;background:#e2e8f0;border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#14b8a6);border-radius:9999px;transition:width .5s ease}.lessons-list-card{background:#fff;border-radius:1rem;padding:3rem;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-color);position:sticky;top:6rem;height:fit-content}.lessons-list-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;color:var(--text-primary)}.lessons-list-modern{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.lesson-card-modern{width:100%;text-align:left;padding:1rem;background:#fff;border:2px solid var(--border-color);border-radius:.75rem;cursor:pointer;transition:all .2s}.lesson-card-modern:hover{border-color:var(--accent)}.lesson-card-modern.lesson-active{background:#f0fdf4;border-color:var(--accent)}.lesson-card-content{display:flex;align-items:flex-start;gap:.75rem}.lesson-number-modern{width:2rem;height:2rem;border-radius:50%;background:#d1fae5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lesson-number-modern.lesson-number-active{background:var(--accent)}.lesson-number-modern span{font-size:.875rem;font-weight:700;color:var(--accent)}.lesson-number-modern.lesson-number-active span{color:#fff}.lesson-info-modern{flex:1;min-width:0}.lesson-title-modern{font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0 0 .25rem;line-height:1.4}.lesson-duration-modern{font-size:.75rem;color:var(--text-muted);margin:0}.trial-info-card{margin-top:1rem;padding:1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.75rem}.trial-info-content{display:flex;gap:.75rem}.trial-info-content i{color:#3b82f6;font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.trial-info-text{font-size:.875rem}.trial-info-title{font-weight:600;color:#1e40af;margin:0 0 .25rem}.trial-info-desc{color:#1e40af;margin:0;line-height:1.5}.lessons-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-primary);background:#fff;border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn i{font-size:.75rem}.pagination-info{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.unlock-btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1rem;padding:.875rem 1.5rem;background:linear-gradient(90deg,#10b981,#14b8a6);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s}.unlock-btn-modern:hover{background:linear-gradient(90deg,#059669,#0d9488);transform:translateY(-1px);box-shadow:var(--shadow-md)}.course-right-column{display:flex;flex-direction:column}.player-card-modern{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column}.player-area-modern{position:relative;aspect-ratio:16 / 9;background:#f8fafc;cursor:pointer;overflow:hidden;flex:1;min-height:0;border-radius:1rem 1rem 0 0}.player-video-element{width:100%;height:100%;object-fit:contain;background:#000;transition:opacity .3s ease}.player-placeholder-image{width:100%;height:100%;object-fit:cover;opacity:.6}.player-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .3s;pointer-events:none}.player-overlay.visible{opacity:1;pointer-events:auto}.player-area-modern:hover .player-overlay{opacity:1}.player-play-button{width:5rem;height:5rem;background:linear-gradient(135deg,var(--accent) 0%,#059669 100%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #10b98166}.player-area-modern:hover .player-play-button{transform:scale(1.1);box-shadow:0 12px 32px #10b98180}.player-play-button i{font-size:2rem;color:#fff;margin-left:.25rem}.player-play-text{position:absolute;bottom:15%;left:50%;transform:translate(-50%);color:#fff;font-size:1rem;font-weight:500;opacity:0;transition:opacity .3s;text-shadow:0 2px 4px rgba(0,0,0,.3)}.player-area-modern:hover .player-play-text{opacity:1}.player-lesson-badge,.player-duration-badge{position:absolute;padding:.5rem .875rem;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.625rem;font-size:.8rem;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,.1);z-index:var(--z-dropdown)}.player-lesson-badge{top:1rem;left:1rem}.player-duration-badge{bottom:1rem;right:1rem}.audio-player-modern{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8fafc;overflow:hidden}.audio-cover-container{position:relative;display:inline-block}.audio-cover{position:relative;width:280px;height:280px;border-radius:50%;object-fit:cover;box-shadow:0 8px 32px #0000001f;transition:transform .3s ease;animation:rotate 20s linear infinite;animation-play-state:paused}.audio-cover.rotating{animation-play-state:running}.audio-cover-container .center-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:var(--accent);cursor:pointer;z-index:var(--z-dropdown);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b98166;transition:all .2s;pointer-events:auto}.audio-cover-container .center-play-icon:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 6px 16px #10b98180}.audio-cover-container .center-play-icon i{color:#fff;font-size:1rem;margin-left:2px}.audio-controls-modern{padding:1.25rem 2rem;background:#fff;border-top:1px solid var(--border-color)}.audio-progress-modern{display:flex;align-items:center;gap:1rem}.audio-time-current,.audio-time-total{font-size:.875rem;font-weight:500;color:var(--text-secondary);min-width:2.5rem;font-variant-numeric:tabular-nums}.audio-time-current{text-align:left}.audio-time-total{text-align:right}.audio-slider{flex:1;height:.375rem;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--progress, 0%),#e2e8f0 var(--progress, 0%),#e2e8f0 100%);border-radius:.25rem;cursor:pointer;outline:none;transition:height .2s}.audio-slider:hover{height:.5rem}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;background:#fff;border:2px solid var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #0000001a;transition:all .2s}.audio-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 6px #10b9814d}.audio-slider::-moz-range-thumb{width:1rem;height:1rem;background:#fff;border:2px solid var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #0000001a;transition:all .2s}.audio-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 2px 6px #10b9814d}.player-info-modern{padding:1.5rem}.player-lesson-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;font-family:Space Grotesk,sans-serif;color:var(--text-primary)}.player-lesson-desc{color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6;font-size:.95rem}.learning-points-card{background:#f8fafc;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem}.learning-points-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin:0 0 .75rem;font-family:Space Grotesk,sans-serif;color:var(--text-primary)}.learning-points-title i{color:var(--accent)}.learning-points-list{list-style:none;padding:0;margin:0}.learning-point-item{display:flex;align-items:start;gap:.5rem;padding:.25rem 0;font-size:.875rem;color:var(--text-secondary)}.point-dot{width:.375rem;height:.375rem;border-radius:50%;background:var(--accent);margin-top:.375rem;flex-shrink:0}.player-nav-buttons{display:flex;gap:.75rem}.nav-btn-modern{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:#fff;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.nav-btn-modern:hover:not(:disabled){border-color:var(--accent);background:#f0fdf4}.nav-btn-modern:disabled{opacity:.5;cursor:not-allowed}.nav-btn-next{background:var(--accent);color:#fff;border-color:var(--accent)}.nav-btn-next:hover:not(:disabled){background:#059669;border-color:#059669}.miniprogram-guide-modern{margin-top:3rem;padding:2.5rem 2rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:1rem;text-align:center}.miniprogram-guide-content h2{font-size:1.5rem;font-weight:700;margin:0 0 1rem;font-family:Space Grotesk,sans-serif;color:var(--text-primary)}.miniprogram-guide-content p{font-size:1rem;color:var(--text-secondary);margin:0 0 2rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.qrcode-container-modern{display:inline-flex;justify-content:center;align-items:center;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 4px 12px #00000014}.qrcode-image-modern{width:200px;height:200px;object-fit:contain}.course-contact-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.course-wechat-card,.course-miniprogram-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#48bb780d,#48bb7814);border:1px solid rgba(72,187,120,.2);border-radius:1rem}.course-wechat-qr,.course-miniprogram-qr{flex-shrink:0;width:120px;height:120px;padding:.75rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000000f}.course-wechat-qr img,.course-miniprogram-qr img{width:100%;height:100%;object-fit:contain}.course-wechat-info h3,.course-miniprogram-info h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.course-wechat-info p,.course-miniprogram-info p{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.5}.course-wechat-id{margin-top:.75rem!important;padding:.4rem .75rem;background:#48bb781a;color:var(--accent);border-radius:.5rem;font-size:.875rem;font-weight:500;display:inline-block}@media(max-width:768px){body .course-detail-modern>.container{padding:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;min-height:100vh!important;padding-top:env(safe-area-inset-top)!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;padding-bottom:env(safe-area-inset-bottom)!important}.back-link{display:none}.course-header-section{padding:0!important;margin:0!important;background:#fff!important;border-bottom:1px solid var(--border-color)!important;flex-shrink:0!important}.course-header-toggle{display:flex!important;padding:1rem!important;gap:.5rem!important}.course-header-toggle .course-title-large{display:block!important;font-size:1.125rem!important;margin:0!important;flex:1!important;line-height:1.4!important}.course-header-row .course-title-large{display:none!important}.course-header-icon{font-size:.75rem!important;padding:.25rem!important;background:#48bb781a!important;border-radius:4px!important;color:var(--accent)!important}.course-meta-row{gap:.5rem!important;flex-wrap:wrap!important}.course-badge-modern{font-size:.75rem!important;padding:.25rem .75rem!important}.course-meta-item{font-size:.75rem!important;gap:.35rem!important}.course-meta-item i{font-size:.7rem!important}.course-header-details{padding:0 1rem 1rem!important;overflow:hidden!important;transition:max-height .3s ease,opacity .3s ease!important;max-height:0!important;opacity:0!important}.course-header-details.expanded{max-height:2000px!important;opacity:1!important}.course-header-row{margin-bottom:.75rem!important;gap:1rem!important}.course-desc-modern{font-size:.875rem!important;margin-top:.5rem!important}.course-desc-modern p{margin-bottom:.5rem!important}body .course-grid-modern{display:flex!important;flex-direction:column!important;flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}body .course-right-column{order:-1!important;flex:0 0 auto!important}body .course-left-column{flex:0 0 auto!important;order:1!important;padding:0 1rem 1rem!important}body .player-card-modern{position:relative!important;border-radius:0!important;border:none!important;box-shadow:0 2px 8px #0000001a!important;max-height:55vh!important;overflow:hidden!important}body .player-area-modern{aspect-ratio:16 / 9!important;border-radius:0!important;background:#f8fafc!important}body .audio-player-modern{background:linear-gradient(135deg,#f0fdf4,#fff)!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important}body .audio-cover{width:180px!important;height:180px!important;animation:rotate 20s linear infinite!important;animation-play-state:paused!important}body .audio-cover.rotating{animation-play-state:running!important}body .audio-cover-container .center-play-icon{width:48px!important;height:48px!important;background:#10b981f2!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}body .audio-cover-container .center-play-icon i{font-size:1rem!important}body .audio-controls-modern{padding:.75rem 1rem!important;padding-bottom:calc(.75rem + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid var(--border-color)!important}body .audio-progress-modern{gap:.5rem!important}body .audio-time-current,body .audio-time-total{font-size:.7rem!important;min-width:1.75rem!important}body .audio-slider{height:.2rem!important}body .audio-slider:active{height:.3rem!important}body .lessons-list-card{position:relative!important;top:0!important;border-radius:0!important;border:none!important;border-top:8px solid #f8fafc!important;padding:1rem 0 1.5rem!important;box-shadow:none!important;background:#fff!important}body .lessons-list-modern{gap:0!important}body .lessons-list-title{font-size:1rem!important;font-weight:600!important;margin-bottom:.875rem!important;padding:.5rem 0!important;color:var(--text-primary)!important;position:sticky!important;top:0!important;background:#fff!important;z-index:1!important}body .lesson-card-modern{padding:1rem!important;border-radius:.75rem!important;border:1.5px solid var(--border-color)!important;background:#fff!important;transition:all .2s ease!important;margin-bottom:.5rem!important}body .lesson-card-modern:active{transform:scale(.98)!important}body .lesson-card-modern.lesson-active{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;border-color:var(--accent)!important;box-shadow:0 2px 8px #10b98126!important}body .lesson-card-content{display:flex!important;align-items:center!important;gap:.875rem!important}body .lesson-number-modern{width:2rem!important;height:2rem!important;flex-shrink:0!important}body .lesson-number-modern span{font-size:.8rem!important;font-weight:600!important}body .lesson-number-modern.lesson-number-active{background:var(--accent)!important;box-shadow:0 2px 6px #10b9814d!important}body .lesson-info-modern{flex:1!important;min-width:0!important}body .lesson-title-modern{font-size:.9rem!important;font-weight:500!important;line-height:1.4!important;color:var(--text-primary)!important}body .lesson-card-modern.lesson-active .lesson-title-modern{color:#065f46!important;font-weight:600!important}body .lesson-duration-modern{font-size:.7rem!important;color:var(--text-muted)!important;margin-top:.25rem!important}body .playing-icon{animation:playing-pulse 1.5s ease-in-out infinite!important}@keyframes playing-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}body .lessons-pagination{display:flex!important;align-items:center!important;gap:.625rem!important;margin-top:1.25rem!important;padding-top:1rem!important;border-top:1px dashed var(--border-color)}body .pagination-btn{flex:1!important;padding:.75rem 1rem!important;font-size:.8rem!important;font-weight:500!important;white-space:nowrap!important;border-radius:.625rem!important;background:#fff!important;border:1.5px solid var(--border-color)!important;color:var(--text-primary)!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.375rem!important}body .pagination-btn:active:not(:disabled){background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;transform:scale(.98)!important}body .pagination-btn:disabled{opacity:.4!important;background:#f8fafc!important;cursor:not-allowed!important}body .pagination-btn i{font-size:.7rem!important}body .pagination-info{font-size:.8rem!important;font-weight:500!important;color:var(--text-secondary)!important;padding:0 .25rem!important}body .trial-info-card{border-radius:.5rem!important;padding:.75rem!important;margin-top:.5rem!important}body .trial-info-content i{font-size:.875rem!important}body .trial-info-text{font-size:.7rem!important}body .trial-info-title{font-size:.75rem!important}.miniprogram-guide-modern{display:none}body .player-lesson-badge{top:.5rem!important;left:.5rem!important;padding:.25rem .5rem!important;font-size:.65rem!important;border-radius:.375rem!important}body .player-duration-badge{top:.5rem!important;right:.5rem!important;padding:.25rem .5rem!important;font-size:.65rem!important;border-radius:.375rem!important}body .player-area-modern{aspect-ratio:16 / 9!important;border-radius:0!important;background:#000!important}body .player-video-element{border-radius:0!important;object-fit:contain!important}body .player-placeholder-image{object-fit:cover!important;opacity:.5!important}body .player-play-button{width:3.5rem!important;height:3.5rem!important;box-shadow:0 6px 20px #10b98166!important}body .player-play-button i{font-size:1.5rem!important;margin-left:.15rem!important}body .player-overlay{opacity:1!important;pointer-events:auto!important;background:#0000004d!important}body .player-play-text{font-size:.875rem!important;opacity:1!important;bottom:12%!important}body .video-player-wrapper{border-radius:0!important}body .player-area-modern:hover .player-play-button{transform:none!important;box-shadow:0 6px 20px #10b98166!important}body .player-nav-buttons{display:none!important}body .course-right-column{margin-bottom:0!important}}@media(max-width:375px){body .course-title-large{font-size:1.25rem!important}body .audio-cover{width:160px!important;height:160px!important}body .lesson-title-modern{font-size:.8125rem!important}body .player-play-button{width:3rem!important;height:3rem!important}body .player-play-button i{font-size:1.25rem!important}body .player-lesson-badge,body .player-duration-badge{font-size:.6rem!important;padding:.2rem .4rem!important}body .player-play-text{font-size:.75rem!important}body .audio-time-current,body .audio-time-total{font-size:.65rem!important;min-width:1.5rem!important}body .speed-control-btn,body .playlist-control-btn{min-width:56px!important;height:28px!important;font-size:.65rem!important;padding:.3rem .6rem!important}.course-contact-section{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 1rem calc(1.5rem + env(safe-area-inset-bottom)) 1rem;margin-top:2rem}.course-wechat-card,.course-miniprogram-card{flex-direction:column;text-align:center;padding:1.5rem}.course-wechat-qr,.course-miniprogram-qr{width:140px;height:140px;margin:0 auto}}@media(min-width:769px)and (max-width:1024px){.miniprogram-guide-modern{padding:2rem 1.5rem;margin-top:2rem}.miniprogram-guide-content h2{font-size:1.25rem}.miniprogram-guide-content p{font-size:.875rem}.qrcode-container-modern{padding:1rem}.qrcode-image-modern{width:160px;height:160px}}.camp-hero-section{padding:3rem 0;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,rgba(72,187,120,.02) 0%,var(--bg-primary) 50%,rgba(72,187,120,.02) 100%);position:relative}.camp-hero-wrapper{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr 380px;gap:2.5rem;align-items:start}.camp-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;margin-bottom:1.5rem;grid-column:1 / -1;transition:color .2s ease}.camp-back-link:hover{color:var(--accent)}.camp-hero-info{display:flex;flex-direction:column;gap:1.25rem}.camp-hero-tags{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.camp-tag{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;letter-spacing:.025em;box-shadow:0 2px 4px #00000014}.camp-tag-level{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff}.camp-tag-duration{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.camp-tag-students{background:linear-gradient(135deg,#f7921a,#e67e22);color:#fff}.camp-tag-status{background:linear-gradient(135deg,#10b981,#059669);color:#fff;position:relative;overflow:hidden}.camp-tag-status:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.camp-hero-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.camp-hero-subtitle{font-size:1.125rem;color:var(--text-secondary);margin:0;line-height:1.6}.camp-hero-title-row{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:1.5rem 0}.camp-hero-title-left{flex:1}.camp-hero-title{margin:0 0 .5rem}.camp-hero-instructor-inline{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.camp-instructor-avatar-tiny{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.camp-instructor-avatar-tiny img{width:100%;height:100%;object-fit:cover}.camp-instructor-avatar-tiny i{font-size:.875rem}.camp-instructor-name-text{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.camp-instructor-details{display:flex;flex-direction:column;gap:.25rem}.camp-instructor-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.camp-instructor-title-text{font-size:.875rem;color:var(--accent)}.camp-hero-cards{margin-top:1.5rem}.camp-hero-cards-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.camp-hero-cards-title i{color:var(--accent);font-size:1.125rem}.camp-objectives-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.camp-objective-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.625rem;padding:1rem 1.25rem;transition:all .2s ease;display:flex;align-items:center;gap:1rem}.camp-objective-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000000d;transform:translate(4px)}.camp-objective-card-icon{width:2rem;height:2rem;border-radius:50%;background:#48bb781a;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.camp-objective-card-text{margin:0;font-size:.875rem;color:var(--text-primary);line-height:1.5;flex:1}.camp-hero-schedule{margin-top:1.5rem;padding:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.75rem}.camp-hero-schedule h4{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.camp-hero-schedule h4 i{color:var(--accent)}.camp-schedule-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.camp-schedule-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;transition:all .2s ease}.camp-schedule-item:hover{border-color:var(--accent)}.camp-schedule-item.active{background:#48bb7814;border-color:var(--accent)}.camp-schedule-date{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.camp-schedule-status{font-size:.75rem;padding:.25rem .625rem;border-radius:.25rem;background:var(--bg-tertiary);color:var(--text-secondary);display:inline-block;width:fit-content}.camp-schedule-item.active .camp-schedule-status{background:var(--accent);color:#fff}.camp-price-card{position:sticky;top:2rem;align-self:start;border:1px solid var(--border-color);border-radius:1rem;background:var(--bg-tertiary);box-shadow:0 10px 40px #48bb7826;overflow:visible;max-height:calc(100vh - 4rem);overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.camp-price-card:hover{box-shadow:0 20px 60px #48bb784d}.camp-price-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#48bb7826,#48bb780d);position:relative;overflow:hidden}.camp-price-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.camp-price-label{font-size:.875rem;color:var(--text-secondary);display:block;margin-bottom:.5rem}.camp-price-display{display:flex;align-items:baseline;gap:.25rem}.camp-price-value{font-size:2.5rem;font-weight:700;color:var(--accent)}.camp-price-unit{font-size:.875rem;color:var(--text-secondary)}.camp-price-body{padding:1.5rem}.camp-price-features{list-style:none;margin:0 0 1.5rem;padding:0}.camp-price-features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-primary);font-size:.9375rem}.camp-price-features li i{color:var(--accent);flex-shrink:0}.camp-cta-button{width:100%;padding:.875rem 1.5rem;border:none;border-radius:.5rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:.75rem;position:relative;overflow:hidden;box-shadow:0 4px 15px #48bb7866}.camp-cta-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.camp-cta-button:hover:before{width:300px;height:300px}.camp-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #48bb7880}.camp-cta-button:active{transform:translateY(0)}.camp-cta-button.outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.camp-cta-button.outline:hover{background:var(--bg-secondary)}.camp-price-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.camp-enrollment-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.camp-avatars{display:flex}.camp-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border:2px solid var(--bg-tertiary);margin-left:-.5rem}.camp-avatar:first-child{margin-left:0}.camp-enrollment-text{margin:0;font-size:.875rem;color:var(--text-secondary)}.camp-urgency-box{padding:.625rem .875rem;background:#ef44440d;border-left:3px solid #ef4444;border-radius:.25rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.camp-urgency-text{margin:0;font-size:.8125rem;color:var(--text-secondary);display:flex;align-items:center;gap:.375rem}.camp-urgency-text i{color:#ef4444}.camp-section{padding:4rem 0}.camp-section:nth-child(2n){background:var(--bg-secondary)}.camp-section-header-center{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.camp-section-title-center{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.camp-section-subtitle-center{font-size:1.0625rem;color:var(--text-secondary);margin:0;line-height:1.6}.camp-why-section{background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary))}.camp-solution-optimized{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1.5rem;padding:3rem;box-shadow:0 4px 20px #0000000a}.camp-solution-header-optimized{text-align:center;margin-bottom:2.5rem}.camp-solution-optimized-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.camp-solution-optimized-desc{font-size:1.0625rem;color:var(--text-secondary);line-height:1.7;margin:0}.camp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.camp-feature-item-optimized{background:var(--bg-secondary);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:1rem}.camp-feature-item-optimized:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000000f}.camp-feature-item-optimized i{color:var(--accent);font-size:2rem}.camp-feature-item-optimized span{color:var(--text-primary);font-size:.9375rem;line-height:1.5}.camp-solution-highlight-optimized{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#48bb781a,#48bb780d);border-radius:1rem;border:2px solid rgba(72,187,120,.2)}.camp-solution-highlight-text{margin:0;font-size:1.125rem;font-weight:600;color:var(--accent);display:flex;align-items:center;justify-content:center;gap:.75rem}.camp-solution-highlight-text i{font-size:1.25rem}.camp-pain-tags{margin:0 0 4rem}.camp-pain-tags-wrapper{background:#ef444405;border-radius:1rem;border:1px dashed rgba(239,68,68,.2);padding:2.5rem 2rem 2rem}.camp-pain-tags-title{font-size:1.375rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;text-align:center}.camp-pain-tags-cloud{display:flex;flex-wrap:wrap;gap:.875rem;justify-content:center}.camp-pain-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--bg-tertiary);border:1px solid rgba(239,68,68,.2);border-radius:2rem;font-size:.9375rem;color:var(--text-primary);transition:all .2s ease}.camp-pain-tag:hover{background:#ef44440d;border-color:#ef444466;transform:translateY(-2px)}.camp-pain-tag i{color:#ef4444;font-size:.875rem}.camp-box-title{font-size:1.375rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--accent);display:inline-block}.camp-objectives-box,.camp-materials-box{margin:0 0 3rem}.camp-curriculum-box{position:relative;min-height:180px;padding:2rem 4rem;margin:0 0 3rem}.camp-objectives-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.camp-objective-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1rem;padding:1.75rem 1.5rem;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;position:relative;overflow:hidden}.camp-objective-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transform:scaleX(0);transition:transform .3s ease}.camp-objective-item:hover:before{transform:scaleX(1)}.camp-objective-item:hover{border-color:var(--accent);box-shadow:0 8px 24px #48bb7826;transform:translateY(-4px)}.camp-objective-number{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #48bb784d}.camp-objective-text{color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.5}.camp-curriculum-lines{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;z-index:0;overflow:visible}.camp-curriculum-svg{width:100%;height:100%;display:block;overflow:visible}.camp-connection-line-animated{animation:dash-flow linear infinite}@keyframes dash-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1000}}.camp-curriculum-list{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto auto;gap:0 2rem;position:relative;z-index:1;padding:0}.camp-curriculum-row[data-index="0"]{grid-column:1;grid-row:1}.camp-curriculum-row[data-index="1"]{grid-column:2;grid-row:1}.camp-curriculum-row[data-index="2"]{grid-column:3;grid-row:1}.camp-curriculum-row[data-index="3"]{grid-column:4;grid-row:1}.camp-curriculum-row[data-index="4"]{grid-column:4;grid-row:2}.camp-curriculum-row[data-index="5"]{grid-column:3;grid-row:2}.camp-curriculum-row[data-index="6"]{grid-column:2;grid-row:2}.camp-curriculum-row[data-index="7"]{grid-column:1;grid-row:2}.camp-curriculum-row[data-index="8"]{grid-column:1;grid-row:3}.camp-curriculum-row[data-index="9"]{grid-column:2;grid-row:3}.camp-curriculum-row[data-index="10"]{grid-column:3;grid-row:3}.camp-curriculum-row[data-index="11"]{grid-column:4;grid-row:3}.camp-curriculum-row{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:0 .5rem;transition:all .3s ease}.camp-curriculum-row[data-index="0"],.camp-curriculum-row[data-index="1"],.camp-curriculum-row[data-index="2"],.camp-curriculum-row[data-index="3"],.camp-curriculum-row[data-index="4"],.camp-curriculum-row[data-index="5"],.camp-curriculum-row[data-index="6"],.camp-curriculum-row[data-index="7"]{margin-bottom:3rem}.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="1"],.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="2"],.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="3"],.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="4"],.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="5"],.camp-curriculum-list[data-stage-count="2"] .camp-curriculum-row[data-index="2"],.camp-curriculum-list[data-stage-count="2"] .camp-curriculum-row[data-index="3"],.camp-curriculum-list[data-stage-count="2"] .camp-curriculum-row[data-index="4"],.camp-curriculum-list[data-stage-count="2"] .camp-curriculum-row[data-index="5"],.camp-curriculum-list[data-stage-count="3"] .camp-curriculum-row[data-index="3"],.camp-curriculum-list[data-stage-count="3"] .camp-curriculum-row[data-index="4"],.camp-curriculum-list[data-stage-count="3"] .camp-curriculum-row[data-index="5"],.camp-curriculum-list[data-stage-count="4"] .camp-curriculum-row[data-index="4"],.camp-curriculum-list[data-stage-count="4"] .camp-curriculum-row[data-index="5"]{display:none}.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row,.camp-curriculum-list[data-stage-count="2"] .camp-curriculum-row,.camp-curriculum-list[data-stage-count="3"] .camp-curriculum-row,.camp-curriculum-list[data-stage-count="4"] .camp-curriculum-row{margin-bottom:0}.camp-curriculum-row:hover{transform:translateY(-4px)}.camp-curriculum-row:hover .camp-curriculum-day{transform:scale(1.1)}.camp-curriculum-row:hover .camp-curriculum-content{opacity:1;visibility:visible}.camp-curriculum-day{width:4.5rem;height:4.5rem;border-radius:50%;background:var(--bg-tertiary);border:3px solid var(--curriculum-color, var(--accent));color:var(--text-primary);font-size:.875rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:1.25rem;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;line-height:1.2}.camp-curriculum-day small{font-size:.625rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.camp-curriculum-row[data-color=blue]{--curriculum-color: #3b82f6}.camp-curriculum-row[data-color=purple]{--curriculum-color: #8b5cf6}.camp-curriculum-row[data-color=green]{--curriculum-color: #10b981}.camp-curriculum-row[data-color=orange]{--curriculum-color: #f59e0b}.camp-curriculum-row[data-color=pink]{--curriculum-color: #ec4899}.camp-curriculum-row[data-color=teal]{--curriculum-color: #14b8a6}.camp-curriculum-content{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;min-width:140px;opacity:.85;transition:all .3s ease}.camp-curriculum-row:hover .camp-curriculum-content{opacity:1;border-color:var(--curriculum-color, var(--accent));box-shadow:0 4px 16px #00000014}.camp-curriculum-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.4}.camp-curriculum-desc{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.5}.camp-materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.camp-material-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.625rem;transition:all .2s ease}.camp-material-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.camp-material-card i{width:3rem;height:3rem;border-radius:.5rem;background:#48bb781a;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.camp-material-card h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.camp-material-card p{font-size:.8125rem;color:var(--text-secondary);margin:0}.camp-testimonials-z-container{display:flex;flex-direction:column;gap:4rem;margin-bottom:3rem}.camp-testimonial-z-item{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;opacity:0;animation:fadeInUp .6s ease forwards;padding:2.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1.5rem;transition:all .3s ease}.camp-testimonial-z-item:hover{border-color:var(--accent);box-shadow:0 10px 40px #48bb7826;transform:translateY(-4px)}.camp-testimonial-z-item:nth-child(1){animation-delay:.1s}.camp-testimonial-z-item:nth-child(2){animation-delay:.2s}.camp-testimonial-z-item:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.camp-testimonial-z-item.left{grid-template-columns:1fr 1fr}.camp-testimonial-z-item.left .camp-testimonial-z-image{order:1}.camp-testimonial-z-item.left .camp-testimonial-z-content{order:2;text-align:left}.camp-testimonial-z-item.right{grid-template-columns:1fr 1fr}.camp-testimonial-z-item.right .camp-testimonial-z-image{order:2}.camp-testimonial-z-item.right .camp-testimonial-z-content{order:1;text-align:right}.camp-testimonial-z-image{border-radius:1rem;overflow:hidden;box-shadow:0 10px 40px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative;cursor:pointer}.camp-testimonial-z-image:hover{transform:scale(1.02);box-shadow:0 15px 50px #48bb7833}.camp-testimonial-z-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.camp-testimonial-z-image:hover .camp-testimonial-z-overlay{opacity:1}.camp-testimonial-z-overlay i{font-size:2rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.camp-lightbox{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.camp-lightbox img{max-width:90%;max-height:90%;object-fit:contain;border-radius:.5rem;box-shadow:0 20px 60px #00000080;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.8)}to{transform:scale(1)}}.camp-lightbox-close{position:absolute;top:2rem;right:2rem;width:3rem;height:3rem;border:none;background:#ffffff1a;border-radius:50%;color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1}.camp-lightbox-close:hover{background:#fff3;transform:rotate(90deg)}.camp-testimonial-z-image img{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}.camp-testimonial-z-content{display:flex;flex-direction:column;gap:.75rem}.camp-testimonial-z-content h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.camp-testimonial-z-content p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}.camp-testimonials-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem}.camp-testimonial-item{padding:2rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:1rem;transition:all .2s ease;display:flex;flex-direction:column}.camp-testimonial-item:hover{border-color:var(--accent);box-shadow:0 8px 16px #0000000f}.camp-testimonial-item.image-type{text-align:center}.camp-testimonial-image{margin:1rem 0;border-radius:.75rem;overflow:hidden;background:var(--bg-secondary)}.camp-testimonial-image img{width:100%;height:auto;max-height:300px;object-fit:cover;display:block}.camp-testimonial-item.text-type{text-align:left}.camp-testimonial-stars{display:flex;gap:.25rem;margin-bottom:1rem}.camp-testimonial-stars i{color:#fbbf24;font-size:1rem}.camp-testimonial-text{font-size:1rem;color:var(--text-primary);line-height:1.7;margin:0 0 1.5rem;font-style:italic}.camp-testimonial-footer{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.camp-testimonial-name{font-weight:600;color:var(--text-primary)}.camp-testimonial-role{color:var(--text-secondary);font-size:.875rem}.camp-audience-box{margin:0}.camp-audience-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.camp-audience-item{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.625rem;transition:all .2s ease}.camp-audience-item:hover{border-color:var(--accent)}.camp-audience-item i{width:2.5rem;height:2.5rem;border-radius:50%;background:#48bb781a;color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.camp-audience-item h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.camp-audience-item p{font-size:.8125rem;color:var(--text-secondary);margin:0}.camp-faq-container{margin:0 0 3rem}.camp-faq-item{border:1px solid var(--border-color);border-radius:.625rem;background:var(--bg-tertiary);margin-bottom:.875rem;overflow:hidden;transition:all .2s ease}.camp-faq-item:hover{border-color:var(--accent)}.camp-faq-question{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.camp-faq-q{font-size:1rem;font-weight:600;color:var(--text-primary)}.camp-faq-icon{color:var(--text-secondary);font-size:.875rem;transition:transform .3s ease}.camp-faq-item.open .camp-faq-icon{transform:rotate(180deg)}.camp-faq-answer{padding:0 1.5rem 1.25rem;max-height:0;overflow:hidden;transition:all .3s ease}.camp-faq-item.open .camp-faq-answer{max-height:500px}.camp-faq-answer p{margin:0;font-size:.9375rem;color:var(--text-secondary);line-height:1.7}.camp-faq-item-always-open .camp-faq-question{cursor:default;padding-bottom:0}.camp-faq-item-always-open .camp-faq-answer{padding:.75rem 1.5rem 1.5rem;max-height:none}.camp-instructor-card-enhanced{display:flex;align-items:center;gap:2rem;padding:2.5rem;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:0 4px 20px #0000000f;transition:all .3s ease}.camp-instructor-card-enhanced:hover{border-color:var(--accent);box-shadow:0 8px 30px #48bb781f;transform:translateY(-2px)}.camp-instructor-avatar{width:5rem;height:5rem;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;box-shadow:0 4px 12px #48bb784d;border:4px solid var(--bg-primary);overflow:hidden}.camp-instructor-avatar img{width:100%;height:100%;object-fit:cover;display:block}.camp-instructor-avatar i{font-size:2rem}.camp-instructor-info{flex:1}.camp-instructor-info h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;font-family:Space Grotesk,sans-serif}.camp-instructor-title{font-size:.9375rem;color:var(--accent);margin:0 0 1rem;font-weight:600;letter-spacing:.025em}.camp-instructor-desc{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.7}.camp-instructor-enroll-wrapper{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start;max-width:1000px;margin:0 auto}.camp-instructor-box{margin:0}.camp-enroll-box{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981;border-radius:1.5rem;padding:3rem;text-align:left;box-shadow:0 4px 20px #10b98126;transition:all .3s ease}.camp-enroll-box-full{width:100%}.camp-enroll-box:hover{border-color:#059669;box-shadow:0 8px 30px #10b98140;transform:translateY(-2px)}.camp-enroll-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-align:center}.camp-enroll-subtitle{font-size:1rem;color:#ffffffe6;margin:0 0 2rem;text-align:center}.camp-enroll-price{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:2rem 1.5rem;background:#ffffff1a;border-radius:1rem;border:1px solid rgba(255,255,255,.2)}.camp-enroll-price-value-wrapper{display:flex;align-items:baseline;gap:.5rem}.camp-enroll-price-value{font-size:3rem;font-weight:700;color:#fff;font-family:Space Grotesk,sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.1)}.camp-enroll-price-unit{font-size:1.125rem;color:#ffffffe6;font-weight:500}.camp-enroll-features{list-style:none;padding:0;margin:0 0 2rem;text-align:left}.camp-enroll-features li{display:flex;align-items:center;gap:.875rem;padding:.875rem 0;font-size:1rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.15);font-weight:400}.camp-enroll-features li:last-child{border-bottom:none;padding-bottom:0}.camp-enroll-features i{color:#fbbf24;font-size:1.125rem;flex-shrink:0}.camp-enroll-status{margin-bottom:0;text-align:left}.camp-enroll-content-wrapper{display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center}.camp-enroll-info-left{display:flex;flex-direction:column;gap:2rem}.camp-enroll-info-left .camp-enroll-price,.camp-enroll-info-left .camp-enroll-features{margin-bottom:0}.camp-enroll-qr-right{display:flex;flex-direction:column;align-items:center;gap:1rem;flex-shrink:0}.camp-enroll-qr-right .camp-qr-image-wrapper{width:200px;height:200px}.camp-enroll-qr-right .camp-wechat-info{margin:0}.camp-enroll-progress{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.camp-enroll-label{font-size:.875rem;color:#ffffffe6;white-space:nowrap}.camp-enroll-bar{flex:1;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.camp-enroll-bar-fill{height:100%;background:linear-gradient(90deg,#fff,#fffc);border-radius:4px;transition:width .3s ease}.camp-enroll-count{font-size:.875rem;font-weight:600;color:#fff;white-space:nowrap}.camp-enroll-urgency{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;font-size:.875rem;color:#ffffffe6}.camp-enroll-urgency i{color:#fbbf24}.camp-enroll-urgency strong{color:#fbbf24;font-weight:700}.camp-enroll-section{background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary))}.camp-enroll-contact{background:transparent;border:none;padding:0;text-align:center}.camp-qr-container{display:flex;justify-content:center;margin-bottom:1.5rem}.camp-qr-card{display:flex;flex-direction:column;align-items:center;gap:1rem}.camp-qr-image-wrapper{position:relative;border-radius:1rem;overflow:hidden;background:#fff;padding:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.camp-qr-image-wrapper:hover{transform:scale(1.05);box-shadow:0 8px 30px #48bb7833}.camp-qr-code{width:100%;height:100%;object-fit:contain;display:block}.camp-qr-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.camp-qr-image-wrapper:hover .camp-qr-overlay{opacity:1}.camp-qr-overlay i{font-size:2rem;color:#fff}.camp-qr-tip{font-size:.875rem;color:var(--text-secondary);font-style:italic}.camp-wechat-info{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:2rem;color:#fff}.camp-wechat-info i{font-size:1.25rem;color:#fff}.camp-wechat-id{font-size:1rem;font-weight:500}@media(max-width:1024px){.camp-hero-wrapper{grid-template-columns:1fr}.camp-objectives-grid,.camp-features-grid{grid-template-columns:repeat(2,1fr)}.camp-objectives-list{grid-template-columns:1fr}.camp-objective-item{flex-direction:row;align-items:center;text-align:left;padding:1.25rem 1.5rem}.camp-objective-item:before{left:0;top:0;bottom:0;width:3px;height:auto;background:linear-gradient(180deg,var(--accent),var(--accent-hover));transform:scaleX(0)}.camp-objective-item:hover:before{transform:scaleX(1)}.camp-objective-item:hover{transform:translate(4px)}.camp-testimonial-z-item{grid-template-columns:1fr!important;gap:2rem;padding:2rem}.camp-testimonial-z-item.left .camp-testimonial-z-image,.camp-testimonial-z-item.right .camp-testimonial-z-image{order:0!important}.camp-testimonial-z-item.left .camp-testimonial-z-content,.camp-testimonial-z-item.right .camp-testimonial-z-content{order:1!important;text-align:left!important}.camp-curriculum-box{padding:1.5rem 1rem;min-height:auto;position:relative}.camp-curriculum-box:before{content:"";position:absolute;bottom:2rem;left:1.5rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent-hover);box-shadow:0 0 0 3px #8b5cf633,0 0 0 6px #8b5cf61a;z-index:2}.camp-curriculum-lines{display:none}.camp-curriculum-list{display:flex;flex-direction:column;grid-template-columns:unset;grid-template-rows:unset;gap:0;padding:0 0 0 2rem;position:relative}.camp-curriculum-list:before{content:"";position:absolute;top:1rem;left:.75rem;bottom:1rem;width:2px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-hover) 50%,var(--accent) 100%);opacity:.3}.camp-curriculum-list:after{content:"";position:absolute;top:1rem;left:.3rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);transform:translate(50%);box-shadow:0 0 0 3px #10b98133,0 0 0 6px #10b9811a}.camp-curriculum-row[data-index="0"],.camp-curriculum-row[data-index="1"],.camp-curriculum-row[data-index="2"],.camp-curriculum-row[data-index="3"],.camp-curriculum-row[data-index="4"],.camp-curriculum-row[data-index="5"],.camp-curriculum-row[data-index="6"],.camp-curriculum-row[data-index="7"],.camp-curriculum-row[data-index="8"],.camp-curriculum-row[data-index="9"],.camp-curriculum-row[data-index="10"],.camp-curriculum-row[data-index="11"]{grid-column:unset;grid-row:unset;display:flex;flex-direction:row;align-items:center;text-align:left;padding:0 0 1.5rem 1.25rem;margin-bottom:0;width:100%}.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="1"],.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="2"],.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="3"],.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="4"],.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="5"],.camp-curriculum-list[data-stage-count="2"] .camp-curriculum-row[data-index="2"],.camp-curriculum-list[data-stage-count="2"] .camp-curriculum-row[data-index="3"],.camp-curriculum-list[data-stage-count="2"] .camp-curriculum-row[data-index="4"],.camp-curriculum-list[data-stage-count="2"] .camp-curriculum-row[data-index="5"],.camp-curriculum-list[data-stage-count="3"] .camp-curriculum-row[data-index="3"],.camp-curriculum-list[data-stage-count="3"] .camp-curriculum-row[data-index="4"],.camp-curriculum-list[data-stage-count="3"] .camp-curriculum-row[data-index="5"],.camp-curriculum-list[data-stage-count="4"] .camp-curriculum-row[data-index="4"],.camp-curriculum-list[data-stage-count="4"] .camp-curriculum-row[data-index="5"]{display:flex}.camp-curriculum-day{width:2.5rem;height:2.5rem;font-size:.625rem;margin-right:1rem;margin-bottom:0;flex-shrink:0;position:relative;left:-1.25rem}.camp-curriculum-content{flex:1;min-width:auto}}@media(max-width:768px){.camp-hero-section{padding:0rem 0}.camp-hero-wrapper,.camp-hero-info{gap:.5rem}.camp-back-link{font-size:.813rem;margin-bottom:1rem}.camp-hero-title{font-size:1.75rem}.camp-hero-subtitle{font-size:1rem}.camp-hero-title-row{flex-direction:column;align-items:flex-start;gap:.5rem}.camp-hero-instructor-inline{align-self:flex-start}.camp-hero-tags{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.camp-tag{padding:.375rem .75rem;font-size:.75rem;flex:0 0 auto}.camp-curriculum-box{padding:1.5rem 1rem;min-height:auto}.camp-curriculum-day{width:2.5rem;height:2.5rem;font-size:.625rem;margin-right:1rem;margin-bottom:0;flex-shrink:0;position:relative;z-index:1}.camp-curriculum-day small{font-size:.5rem}.camp-curriculum-content{flex:1;min-width:0;padding:.875rem}.camp-curriculum-title{font-size:.875rem}.camp-curriculum-desc{font-size:.75rem}.camp-objectives-grid,.camp-schedule-cards{grid-template-columns:1fr}.camp-section-title-center{font-size:1.5rem}.camp-pain-items,.camp-testimonials-container,.camp-materials-grid,.camp-audience-list{grid-template-columns:1fr}.camp-material-card,.camp-audience-item{padding:1rem 1.25rem}.camp-material-card i,.camp-audience-item i{width:2rem;height:2rem;font-size:1rem}.camp-material-card h4,.camp-audience-item h4{font-size:.875rem}.camp-material-card p,.camp-audience-item p{font-size:.75rem}.camp-feature-item-optimized{flex-direction:row;align-items:center;text-align:left;padding:1rem 1.25rem;gap:1rem}.camp-feature-item-optimized i{font-size:1.25rem;width:2rem;height:2rem}.camp-feature-item-optimized:hover{transform:translate(4px)}.camp-curriculum-box{padding:1.5rem 1rem;min-height:auto;position:relative}.camp-curriculum-box:before{content:"";position:absolute;bottom:2rem;left:1.5rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent-hover);box-shadow:0 0 0 3px #8b5cf633,0 0 0 6px #8b5cf61a;z-index:2}.camp-curriculum-lines{display:none}.camp-curriculum-list{display:flex;flex-direction:column;grid-template-columns:unset;grid-template-rows:unset;gap:0;padding:0 0 0 2rem;position:relative}.camp-curriculum-list:before{content:"";position:absolute;top:1rem;left:.75rem;bottom:1rem;width:2px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-hover) 50%,var(--accent) 100%);opacity:.3}.camp-curriculum-list:after{content:"";position:absolute;top:1rem;left:.3rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);transform:translate(50%);box-shadow:0 0 0 3px #10b98133,0 0 0 6px #10b9811a}.camp-curriculum-row[data-index="0"],.camp-curriculum-row[data-index="1"],.camp-curriculum-row[data-index="2"],.camp-curriculum-row[data-index="3"],.camp-curriculum-row[data-index="4"],.camp-curriculum-row[data-index="5"],.camp-curriculum-row[data-index="6"],.camp-curriculum-row[data-index="7"],.camp-curriculum-row[data-index="8"],.camp-curriculum-row[data-index="9"],.camp-curriculum-row[data-index="10"],.camp-curriculum-row[data-index="11"]{grid-column:unset;grid-row:unset;display:flex;flex-direction:row;align-items:center;text-align:left;padding:0 0 1.5rem 1.25rem;margin-bottom:0;width:100%}.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="1"],.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="2"],.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="3"],.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="4"],.camp-curriculum-list[data-stage-count="1"] .camp-curriculum-row[data-index="5"],.camp-curriculum-list[data-stage-count="2"] .camp-curriculum-row[data-index="2"],.camp-curriculum-list[data-stage-count="2"] .camp-curriculum-row[data-index="3"],.camp-curriculum-list[data-stage-count="2"] .camp-curriculum-row[data-index="4"],.camp-curriculum-list[data-stage-count="2"] .camp-curriculum-row[data-index="5"],.camp-curriculum-list[data-stage-count="3"] .camp-curriculum-row[data-index="3"],.camp-curriculum-list[data-stage-count="3"] .camp-curriculum-row[data-index="4"],.camp-curriculum-list[data-stage-count="3"] .camp-curriculum-row[data-index="5"],.camp-curriculum-list[data-stage-count="4"] .camp-curriculum-row[data-index="4"],.camp-curriculum-list[data-stage-count="4"] .camp-curriculum-row[data-index="5"]{display:flex}.camp-curriculum-day{width:2.5rem;height:2.5rem;font-size:.625rem;margin-right:1rem;margin-bottom:0;flex-shrink:0;position:relative;left:-1.25rem}.camp-schedule-cards{grid-template-columns:1fr}.camp-schedule-item{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.camp-features-grid{grid-template-columns:1fr}.camp-solution-optimized{padding:2rem 1.5rem}.camp-solution-optimized-title{font-size:1.375rem}.camp-enroll-content-wrapper{grid-template-columns:1fr;gap:2rem}.camp-enroll-qr-right .camp-qr-image-wrapper{width:180px;height:180px}.camp-wechat-info{padding:.75rem 1.25rem;font-size:.875rem}.camp-wechat-id{font-size:.9375rem}.camp-instructor-enroll-wrapper{grid-template-columns:1fr;gap:2rem}.camp-testimonials-z-container{gap:2rem}.camp-testimonial-z-item{grid-template-columns:1fr!important;gap:1.5rem;padding:1.5rem}.camp-testimonial-z-item.left .camp-testimonial-z-image,.camp-testimonial-z-item.right .camp-testimonial-z-image{order:0!important}.camp-testimonial-z-item.left .camp-testimonial-z-content,.camp-testimonial-z-item.right .camp-testimonial-z-content{order:1!important;text-align:left!important}.camp-testimonial-z-content h3{font-size:1.25rem}.camp-testimonial-z-content p{font-size:.9375rem}.camp-testimonial-z-image img{max-height:300px}.camp-lightbox{padding:1rem}.camp-lightbox img{max-width:95%;max-height:95%}.camp-lightbox-close{top:1rem;right:1rem;width:2.5rem;height:2.5rem;font-size:1rem}}.hero-section{position:relative;overflow:hidden;padding:2rem;background:linear-gradient(135deg,#f0fdf4,#fff,#f0fdfa)}.hero-container{max-width:1400px;margin:0 auto}.hero-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media(min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#d1fae5;color:#065f46;border-radius:9999px;font-size:.875rem;font-weight:500;margin-bottom:2rem}.hero-title-wrapper{margin-bottom:1.5rem}.hero-title-prefix{font-size:1rem;font-weight:500;color:var(--text-secondary);margin:0 0 .25rem;line-height:1.3}@media(min-width:640px){.hero-title-prefix{font-size:2.25remrem}}@media(min-width:1024px){.hero-title-prefix{font-size:2.5rem}}.hero-title{font-size:2rem;font-weight:700;color:#10b981;line-height:1.1;letter-spacing:-.02em;margin:0;font-family:Space Grotesk,sans-serif}@media(min-width:640px){.hero-title{font-size:3rem}}@media(min-width:1024px){.hero-title{font-size:4rem}}.hero-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.75;max-width:600px;margin-bottom:2rem}.hero-description-highlight{display:block;margin-top:.5rem;font-weight:500;color:var(--text-primary)}.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;padding:1rem 0}.hero-feature-item{text-align:center}.hero-feature-icon{width:48px;height:48px;margin:0 auto .5rem;background:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981}.hero-feature-icon-teal{background:#ccfbf1;color:#14b8a6}.hero-feature-icon-cyan{background:#cffafe;color:#06b6d4}.hero-feature-text{font-size:.875rem;font-weight:500;color:var(--text-primary)}.hero-buttons{display:flex;flex-direction:row;gap:.75rem;flex-wrap:wrap;justify-content:flex-start}@media(min-width:640px){.hero-buttons{gap:1rem}}.btn{padding:.875rem 1.75rem;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-primary{background:#10b981;color:#fff}.btn-primary:hover{background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.hero-visual{position:relative;min-height:400px;display:none}@media(min-width:1024px){.hero-visual{display:block}}.hero-floating-card{position:absolute;background:#fff;border-radius:.75rem;padding:1rem;box-shadow:var(--shadow-xl);max-width:220px;z-index:var(--z-dropdown)}.hero-floating-card-top-left{top:0;left:1rem;animation:floatInLeft 1s ease-out,floatUpDown 4s ease-in-out infinite}.hero-floating-card-top-right{top:0;right:1rem;animation:floatInRight 1s ease-out,floatUpDown 4s ease-in-out infinite}.hero-floating-card-top-right-offset{top:3rem;right:-3rem;animation:floatInRight 1s ease-out,floatUpDown 4s ease-in-out infinite}.hero-floating-card-bottom-left{bottom:0;left:1rem;animation:floatInLeft 1s ease-out .3s backwards,floatDiagonal 5s ease-in-out infinite}.hero-floating-card-bottom-right{bottom:0;right:.5rem;animation:floatInRight 1s ease-out .3s backwards,floatDiagonal 5s ease-in-out infinite}.hero-floating-card-middle-left{top:50%;left:-.5rem;transform:translateY(-50%);animation:floatInLeft 1s ease-out,floatScale 3s ease-in-out infinite}.hero-floating-card-middle-right{top:50%;right:-.5rem;transform:translateY(-50%);animation:floatInRight 1s ease-out .3s backwards,floatScale 3s ease-in-out infinite}.hero-floating-card-left{top:3rem;left:-1rem;animation:floatInLeft 1s ease-out,floatUpDown 4s ease-in-out infinite}.hero-floating-card-right{bottom:5rem;right:-3rem;animation:floatInRight 1s ease-out .3s backwards,floatDiagonal 5s ease-in-out infinite}@keyframes floatInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes floatInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes floatDiagonal{0%,to{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translateY(-15px)}75%{transform:translate(-10px,-10px)}}@keyframes floatScale{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-55%) scale(1.03)}}.floating-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.floating-card-icon{width:32px;height:32px;border-radius:50%;background:#d1fae5;display:flex;align-items:center;justify-content:center;color:#10b981;font-size:.875rem}.floating-card-icon-teal{background:#ccfbf1;color:#14b8a6}.floating-card-title{font-weight:600;font-size:.75rem;color:var(--text-primary)}.floating-card-subtitle{font-size:.625rem;color:var(--text-secondary)}.floating-card-progress{height:6px;background:#f3f4f6;border-radius:9999px;overflow:hidden}.floating-card-progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#14b8a6);border-radius:9999px;transition:width .5s ease}.floating-card-dots{display:flex;gap:.2rem;flex-wrap:wrap}.floating-card-dot{width:18px;height:18px;border-radius:3px;background:linear-gradient(135deg,#10b981,#14b8a6)}.floating-card-curve{width:100%;height:32px}.curve-chart{width:100%;height:100%;display:block}.hero-bg-circle{position:absolute;border-radius:50%;filter:blur(60px);z-index:var(--z-default)}.hero-bg-circle-1{top:2.5rem;right:2.5rem;width:200px;height:200px;background:#10b98133}.hero-bg-circle-2{bottom:2.5rem;left:2.5rem;width:200px;height:200px;background:#14b8a633}.hero-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center;height:100%;z-index:var(--z-default)}.hero-main-image{width:400px;height:400px;object-fit:cover;border-radius:1.5rem;box-shadow:var(--shadow-2xl)}.hero-decoration{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(80px);z-index:var(--z-background);pointer-events:none}.hero-decoration-top-right{top:0;right:0;background:linear-gradient(135deg,rgba(16,185,129,.15) 0%,transparent 70%)}.hero-decoration-bottom-left{bottom:0;left:0;background:linear-gradient(315deg,rgba(20,184,166,.15) 0%,transparent 70%)}.section{padding:2rem}.section-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;font-family:Space Grotesk,sans-serif;letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.courses-section{background:var(--bg-primary)}.courses-category-header{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-lg);position:relative;overflow:hidden}.courses-category-header--spacing{margin-top:4rem}.courses-error-container,.error-container{padding:8rem 2rem 4rem}.courses-category-header:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px}.courses-category-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);font-family:Space Grotesk,sans-serif;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;position:relative;z-index:var(--z-default)}.courses-category-title i{color:var(--accent);font-size:1.5rem}.courses-category-desc{color:var(--text-secondary);font-size:.95rem;margin:0;position:relative;z-index:var(--z-default)}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:1024px){.courses-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.course-image{height:200px}}@media(max-width:640px){.courses-grid{grid-template-columns:1fr;gap:1rem}.courses-category-header{margin-bottom:1rem;padding:1rem 1.25rem}.courses-category-title{font-size:1.375rem}.course-card{border-radius:8px}.course-image{height:150px}.course-stats-badge,.course-public-tag,.course-category-tag{font-size:.625rem;padding:.25rem .5rem;top:.5rem;left:.5rem}.course-tags-wrapper{top:.5rem;right:.5rem;gap:.375rem}.course-content{padding:.625rem .75rem .875rem}.course-title{font-size:.875rem;font-weight:600;line-height:1.4}.course-title-text{-webkit-line-clamp:2;font-size:.875rem}.course-badges .badge{padding:.25rem .375rem;font-size:.5rem;min-width:1.25rem}.course-instructor{gap:.5rem}.instructor-avatar{width:48px;height:48px}.instructor-name{font-size:.875rem}.course-description{font-size:.75rem;line-height:1.4;-webkit-line-clamp:3}}@media(max-width:375px){.course-card{border-radius:6px}.course-content{padding:.5rem .625rem .75rem}.course-title{font-size:.813rem}.course-image{height:140px}.instructor-avatar{width:40px;height:40px}.instructor-name{font-size:.813rem}.course-description{font-size:.688rem}}.course-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.course-cover-wrapper{position:relative;width:100%}.course-image{width:100%;height:220px;object-fit:cover;background:var(--bg-tertiary);display:block}.course-stats-badge{position:absolute;top:.75rem;left:.75rem;display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:var(--radius-md);font-size:.8rem;font-weight:600}.course-tags-wrapper{position:absolute;top:.75rem;right:.75rem;display:flex;flex-direction:row;gap:.5rem;align-items:center}.course-public-tag{padding:.375rem .75rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:var(--radius-md);font-size:.75rem;font-weight:600}.course-category-tag{padding:.375rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #10b9814d}.course-status-badges{position:absolute;bottom:.75rem;left:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.status-badge{padding:.25rem .625rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-badge.hot{background:#ef4444e6;color:#fff}.status-badge.new{background:#22c55ee6;color:#fff}.status-badge.public{background:#3b82f6e6;color:#fff}.course-content{padding:1.25rem 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column}.course-title-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem}.course-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.5;flex:1;min-width:0;margin:0;display:flex;align-items:flex-start}.course-badges{display:inline-flex;align-items:center;gap:.375rem;flex-shrink:0;margin-right:.5rem}.course-title-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow-wrap:break-word}.course-badges .badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.25rem;font-size:.65rem;font-weight:700;color:#fff;line-height:1;min-width:1.75rem;letter-spacing:.025em}.course-badges .hot-badge{background:#ff4757}.course-badges .new-badge{background:#3742fa}.course-instructor{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.instructor-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);flex-shrink:0}.instructor-name{color:var(--text-secondary);font-size:.875rem;line-height:1.5;white-space:nowrap}.course-description{color:var(--text-secondary);margin-bottom:0;line-height:1.5;font-size:.875rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:pre-line}.course-price{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.instructors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.instructor-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.instructor-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.instructor-card .instructor-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg-tertiary)}.instructor-content{flex:1;min-width:0}.instructor-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.instructor-description{color:var(--text-secondary);font-size:.875rem;margin:0 0 .75rem;line-height:1.4}.instructor-stats{display:flex;gap:1rem;font-size:.813rem;color:var(--accent);font-weight:500}@media(max-width:640px){.instructors-grid{grid-template-columns:1fr;gap:1rem}.instructor-card{flex-direction:column;text-align:center;padding:1.125rem;border-radius:12px}.instructor-card .instructor-avatar{width:64px;height:64px}.instructor-name{font-size:1rem;margin-bottom:.5rem}.instructor-description{font-size:.813rem;margin-bottom:.625rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.instructor-stats{justify-content:center;gap:.75rem;font-size:.75rem}}.services-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all .3s ease}.service-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.service-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:#fff;font-size:1.5rem}.service-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.service-description{color:var(--text-secondary);font-size:.938rem;margin:0 0 1.5rem;line-height:1.5}.service-qrcode{background:var(--bg-tertiary);padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem}.service-qrcode img{width:120px;height:120px;display:block;margin:0 auto .5rem}.service-qrcode p{font-size:.813rem;color:var(--text-secondary);margin:0}.service-wechat{background:var(--bg-tertiary);padding:.75rem;border-radius:var(--radius-md)}.service-wechat p{font-size:.875rem;color:var(--text-primary);margin:0}@media(max-width:640px){.services-container{grid-template-columns:1fr;gap:1rem}.service-card{padding:1.375rem;border-radius:12px}.service-icon{width:52px;height:52px;font-size:1.375rem;margin-bottom:1rem}.service-title{font-size:1.125rem;margin-bottom:.625rem}.service-description{font-size:.875rem;margin-bottom:1.25rem;line-height:1.5}.service-qrcode{padding:.875rem;margin-bottom:.875rem}.service-qrcode img{width:100px;height:100px}.service-qrcode p{font-size:.75rem}.service-wechat{padding:.625rem}.service-wechat p{font-size:.813rem}}@media(max-width:375px){.service-card{padding:1.125rem}.service-icon{width:48px;height:48px;font-size:1.25rem}}.apps-section{background:var(--bg-secondary)}.apps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.app-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.app-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.app-icon{width:80px;height:80px;background:var(--bg-tertiary);border-radius:var(--radius-lg);margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--accent)}.app-title{font-size:1.375rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.app-description{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;font-size:.95rem}.app-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.app-btn{padding:.75rem 1.25rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.app-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}.social-section{background:var(--bg-primary)}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.social-card{display:flex;align-items:center;gap:1.25rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.social-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.social-icon{width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .2s ease;background:linear-gradient(135deg,#48bb7814,#48bb780d);border-radius:var(--radius-md)}.social-icon img{width:36px;height:36px;object-fit:contain}.social-platform{font-weight:600;color:var(--text-primary);font-size:1rem}.social-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.social-followers{color:var(--text-secondary);font-size:.9rem}.social-account{color:var(--text-secondary);font-size:.875rem;font-weight:500}.social-qr-hint{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.75rem;padding:.35rem .75rem;background:linear-gradient(135deg,#48bb781a,#10b98114);color:var(--accent);border-radius:20px;font-size:.75rem;font-weight:600}.social-search-hint{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.75rem;padding:.5rem .75rem;background:#00000008;border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary)}.social-search-hint i{color:var(--accent);font-size:.7rem}@media(max-width:768px){.courses-category-header--spacing{margin-top:1.5rem!important}.contact-section{margin-top:2.5rem}.contact-private-domain{grid-template-columns:1fr;gap:1.5rem}.contact-qrcode-card{flex-direction:row;padding:1.5rem}.contact-qrcode-image{width:120px;height:120px}.social-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.social-card{padding:1.25rem;gap:1rem}.social-icon{width:48px;height:48px}.social-icon img{width:32px;height:32px}.social-platform{font-size:.9375rem}.social-followers,.social-account{font-size:.8125rem}}@media(max-width:480px){.contact-private-domain{grid-template-columns:1fr;gap:1.5rem}.contact-qrcode-card{flex-direction:column;text-align:center;padding:1.5rem}.contact-qrcode-image{width:180px;height:180px}.contact-qrcode-title{font-size:1.125rem;justify-content:center}.contact-social-title{font-size:1.25rem}.social-grid{grid-template-columns:1fr;gap:.875rem}.social-card{padding:1rem .875rem;gap:.875rem;border-radius:12px}.social-icon{width:42px;height:42px}.social-icon img{width:28px;height:28px}.social-platform{font-size:.875rem}.social-followers{font-size:.75rem}.social-account{font-size:.75rem;margin-top:.125rem}}.blog-section{background:var(--bg-secondary)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}@media(max-width:768px){.blog-grid{grid-template-columns:1fr;gap:1.25rem}.blog-card{border-radius:12px}.blog-image{height:180px}.blog-content{padding:1.125rem 1.25rem 1.375rem}.blog-category{font-size:.75rem;padding:.3125rem .75rem;margin-bottom:.75rem}.blog-title{font-size:1.0625rem;font-weight:600;line-height:1.4;margin-bottom:.625rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-excerpt{font-size:.875rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-meta{font-size:.813rem;padding-top:.875rem;gap:.5rem}}@media(max-width:375px){.blog-image{height:160px}.blog-title{font-size:1rem}.blog-content{padding:1rem 1.125rem 1.25rem}}.blog-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.blog-image{width:100%;height:220px;object-fit:cover;background:var(--bg-tertiary)}.blog-content{padding:1.75rem}.blog-category{display:inline-block;padding:.375rem .875rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-md);font-size:.8rem;font-weight:600;margin-bottom:1rem}.blog-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);line-height:1.3}.blog-excerpt{color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.6;font-size:.95rem}.blog-meta{display:flex;justify-content:space-between;align-items:center;color:var(--text-light);font-size:.875rem;padding-top:1rem;border-top:1px solid var(--border-color)}.blog-date,.blog-read-time{display:flex;align-items:center;gap:.5rem}.contact-section{background:var(--bg-primary);margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border-color);scroll-margin-top:6rem}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1400px;margin:0 auto}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;align-items:flex-start;gap:1.25rem}.contact-icon{width:48px;height:48px;background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--accent);flex-shrink:0}.contact-details h4{margin-bottom:.25rem;font-weight:600;color:var(--text-primary)}.contact-details p{color:var(--text-secondary);font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:.875rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;padding:1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.submit-btn:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.error-boundary{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem}.error-boundary-content{text-align:center;max-width:500px}.error-icon{font-size:4rem;color:var(--accent);margin-bottom:1.5rem}.error-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;font-family:Space Grotesk,sans-serif}.error-message{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.error-details{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;margin-bottom:2rem;text-align:left}.error-details summary{cursor:pointer;color:var(--text-primary);font-weight:600;margin-bottom:1rem}.error-stack{background:var(--bg-tertiary);padding:1rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.875rem;color:var(--text-secondary);margin-top:1rem}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-actions .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.error-actions .btn-primary{background:var(--accent);color:#fff}.error-actions .btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.error-actions .btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.error-actions .btn-secondary:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.lazy-image-wrapper{position:relative;overflow:hidden;display:inline-block}.lazy-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-secondary)}.lazy-image-skeleton{width:100%;height:100%;background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.not-found-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.not-found-content{text-align:center;max-width:600px}.not-found-code{font-size:10rem;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;font-family:Space Grotesk,sans-serif}.not-found-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;font-family:Space Grotesk,sans-serif}.not-found-message{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2.5rem}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.not-found-actions .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.not-found-actions .btn-primary{background:var(--accent);color:#fff}.not-found-actions .btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.not-found-actions .btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.not-found-actions .btn-secondary:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:var(--z-back-to-top);box-shadow:0 4px 12px #48bb7866;border:none}.back-to-top.visible{opacity:1;visibility:visible;animation:rocketFloat 3s ease-in-out infinite}.back-to-top:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,var(--accent) 100%);transform:translateY(-8px) scale(1.1);box-shadow:0 8px 24px #48bb7899;animation:rocketShake .5s ease-in-out infinite}.back-to-top:active{transform:translateY(-12px) scale(1.05);animation:rocketLaunch .6s ease-out}.back-to-top i{font-size:1.5rem;transform:rotate(-45deg);transition:transform .3s ease}.back-to-top:hover i{transform:rotate(-45deg) translateY(-2px)}@keyframes rocketFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rocketShake{0%,to{transform:translateY(-8px) scale(1.1) rotate(0)}25%{transform:translateY(-8px) scale(1.1) rotate(-2deg)}75%{transform:translateY(-8px) scale(1.1) rotate(2deg)}}@keyframes rocketLaunch{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-20px) scale(1.2);opacity:.8}to{transform:translateY(-40px) scale(.8);opacity:0}}@media(max-width:768px){.hero-container{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-title{font-size:2.5rem}.hero-badges{position:static;flex-direction:row;justify-content:center;margin-top:1.5rem;gap:.75rem}.teacher-photo{max-width:320px;height:320px}.contact-container{grid-template-columns:1fr;gap:3rem}.footer-content{flex-direction:column;text-align:center}.section-title{font-size:2.25rem}.container{--container-padding: 1.5rem}.hero-section{padding:1.5rem 1.5rem 2rem}.hero-grid{gap:2rem}.hero-title-wrapper{margin-bottom:1.25rem}.hero-title{font-size:1.75rem}.hero-title-prefix{font-size:.938rem}.hero-description{font-size:1rem;margin-bottom:1.5rem}.hero-badge{font-size:.813rem;padding:.438rem .875rem;margin-bottom:1.5rem}.miniprogram-section{padding:3rem 0;margin-top:2rem}.miniprogram-content{gap:2rem}.miniprogram-info h2{font-size:1.5rem}.miniprogram-desc{font-size:1rem;margin-bottom:1.5rem}.access-methods{padding:1rem 1.25rem;margin-bottom:1.5rem}.qr-card img{width:180px;height:180px}}@media(max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.125rem}.courses-grid,.blog-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:repeat(2,1fr)}.apps-container{grid-template-columns:1fr}.section{padding:0rem 0}.container{--container-padding: 1rem 1rem}.hero{padding:4rem 1.5rem 3rem}.hero-buttons{gap:.5rem}.hero-buttons .btn{padding:.75rem 1rem;font-size:.875rem;flex:1;min-width:calc(50% - .25rem)}.hero-buttons .btn i{font-size:.875rem}.contact-form{padding:2rem}.footer{padding:1rem 1.5rem}.hero-section{padding:1rem 1rem 1.5rem}.hero-grid{gap:1.5rem}.hero-title-wrapper{margin-bottom:1rem}.hero-title{font-size:1.5rem;line-height:1.2}.hero-title-prefix{font-size:.875rem}.hero-description{font-size:.938rem;margin-bottom:1rem}.hero-features{gap:.75rem}.hero-feature-item{font-size:.813rem}.hero-badge{font-size:.75rem;padding:.375rem .75rem;margin-bottom:1rem}.miniprogram-section{padding:1.5rem 0;margin-top:1rem}.miniprogram-content{gap:1rem}.miniprogram-info h2{font-size:1.125rem;margin-bottom:.5rem}.miniprogram-desc{font-size:.813rem;line-height:1.5;margin-bottom:.75rem}.access-methods{padding:.625rem .75rem;gap:.375rem;margin-bottom:.75rem}.access-item{font-size:.75rem;gap:.375rem}.access-item i{font-size:.875rem}.qr-card{padding:.5rem;background:#ffffff26}.qr-card img{width:120px;height:120px}.qr-card p{font-size:.75rem;margin-top:.375rem}.features-tags{gap:.25rem;justify-content:center}.feature-tag{font-size:.688rem;padding:.25rem .5rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.course-card-link{text-decoration:none;color:inherit}.course-header-modern{margin-bottom:2rem}.course-info-modern{padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius-lg)}.course-info-modern .course-badge{display:inline-block;padding:.375rem .875rem;background:var(--accent);color:#fff;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;margin-bottom:.75rem}.course-info-modern h1{font-size:1.75rem;font-weight:700;margin:.5rem 0;font-family:Space Grotesk,sans-serif;color:var(--text-primary);line-height:1.3}.course-meta-modern{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1rem}.course-meta-modern .meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.course-meta-modern .meta-item i{color:var(--accent)}.course-description-modern{margin-top:1rem;color:var(--text-secondary);line-height:1.6;font-size:.95rem}.cover-image-wrapper{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);cursor:pointer}.cover-image{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16 / 9}.cover-overlay{position:absolute;inset:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#fff;opacity:0;transition:opacity .3s ease}.cover-image-wrapper:hover .cover-overlay,.course-cover-small:hover .cover-overlay{opacity:1}.play-button-large{width:56px;height:56px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d;transition:transform .2s ease}.course-cover-small:hover .play-button-large,.cover-image-wrapper:hover .play-button-large{transform:scale(1.1)}.play-button-large i{font-size:1.5rem;color:var(--accent);margin-left:3px}.trial-prompt-text{font-size:1rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.course-header-inline{display:flex;gap:2rem;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius-lg)}.course-info-inline{flex:1}.course-info-inline h1{font-size:1.75rem;font-weight:700;margin:.5rem 0;font-family:Space Grotesk,sans-serif}.course-meta-inline{display:flex;gap:1.5rem;flex-wrap:wrap}.course-description-section{margin-bottom:2rem;padding:1rem 1.5rem;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);line-height:1.6}.course-cover-small{position:relative;width:200px;height:112px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.course-cover-small:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.course-cover-small img{width:100%;height:100%;object-fit:cover;display:block}.cover-overlay span{font-size:.875rem;font-weight:500}.course-header-compact{margin-bottom:3rem}.course-header-content{padding:2rem;background:var(--bg-secondary);border-radius:var(--radius-lg)}.course-header{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;align-items:start}.course-cover img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.course-info{padding-top:1rem}.course-badge{display:inline-block;padding:.5rem 1rem;background:var(--accent);color:#fff;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;margin-bottom:1rem}.course-info h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;font-family:Space Grotesk,sans-serif}.course-info .course-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.course-info .course-meta{display:flex;gap:2rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.course-content-detail{margin-bottom:4rem}.course-content-detail h2{font-size:1.75rem;margin-bottom:1rem;font-family:Space Grotesk,sans-serif}.course-content-detail>div{color:var(--text-secondary);line-height:1.8}.course-lessons{margin-bottom:4rem}.course-lessons h2{font-size:1.75rem;margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif}.lessons-list{display:flex;flex-direction:column;gap:1rem}.lesson-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.lesson-item:hover{border-color:var(--accent);background:var(--bg-primary)}.lesson-number{width:32px;height:32px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.lesson-title{flex:1;font-weight:500;color:var(--text-primary);text-decoration:none;transition:color .2s}.lesson-title:hover{color:var(--accent)}.lesson-duration{color:var(--text-light);font-size:.875rem}.lesson-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.lesson-badge.trial{background:#22c55e26;color:#22c55e}.lesson-item.lesson-locked{position:relative;cursor:not-allowed;opacity:.6}.lesson-item.lesson-locked:hover{border-color:var(--border-color);background:var(--bg-secondary)}.lesson-lock-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#fff}.lesson-lock-overlay i{font-size:1.5rem}.lesson-lock-overlay span{font-size:.875rem;text-align:center}.lessons-lock-tip{margin-top:1.5rem;padding:1rem 1.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);display:flex;align-items:center;gap:.75rem;color:#3b82f6}.lessons-lock-tip i{font-size:1.25rem}.lessons-lock-tip span{font-size:.875rem}.course-instructor-detail{margin-bottom:4rem}.course-instructor-detail h2{font-size:1.75rem;margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif}.instructor-detail-card{display:flex;gap:2rem;padding:2rem;background:var(--bg-secondary);border-radius:var(--radius-lg);align-items:center}.instructor-detail-card img{width:120px;height:120px;border-radius:50%;object-fit:cover}.instructor-detail-card h3{font-size:1.25rem;margin-bottom:.5rem}.instructor-detail-card p{color:var(--text-secondary)}.course-tags{display:flex;gap:.75rem;flex-wrap:wrap}.tag{padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-md);font-size:.875rem}.miniprogram-guide{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#48bb780d,#48bb781a);border-radius:var(--radius-lg);margin-top:3rem}.miniprogram-guide h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:1rem}.miniprogram-guide p{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.qrcode-container{display:inline-block;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.qrcode-image{width:200px;height:200px;display:block}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.blog-view-more{text-align:center;margin-top:3rem}@media(max-width:768px){.articles-grid{grid-template-columns:1fr;gap:1.25rem}.article-card{border-radius:12px}.article-cover{height:180px}.article-content{padding:1.125rem 1.25rem 1.375rem}.article-category{font-size:.625rem;padding:.25rem .5rem;top:.5rem;right:.5rem}.article-title{font-size:1.0625rem;font-weight:600;line-height:1.4;margin-bottom:.625rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-excerpt{font-size:.875rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{font-size:.813rem;padding-top:.875rem;gap:1rem}}@media(max-width:375px){.article-cover{height:160px}.article-title{font-size:1rem}.article-content{padding:1rem 1.125rem 1.25rem}}.article-card-link{text-decoration:none;color:inherit}.article-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.article-cover-wrapper{position:relative;width:100%}.article-cover{width:100%;height:220px;object-fit:cover;background:var(--bg-tertiary);display:block}.article-content{padding:1.75rem}.article-category{position:absolute;top:.75rem;right:.75rem;z-index:2;padding:.375rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #10b9814d}.article-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);line-height:1.3}.article-excerpt{color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.6;font-size:.95rem}.article-meta{display:flex;gap:1.5rem;color:var(--text-light);font-size:.875rem;padding-top:1rem;border-top:1px solid var(--border-color)}.article-date,.article-author{display:flex;align-items:center;gap:.5rem}.article-detail{max-width:800px;margin:0 auto;padding:0rem 2rem 4rem;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.article-detail-back-wrapper{max-width:800px;margin:0 auto;padding:3rem 2rem 0}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .2s}.back-link:hover{color:var(--accent);transform:translate(-4px)}.article-header{margin:2rem 0}.article-header .article-category{position:static;display:inline-flex;align-items:center;padding:.4rem 1rem;background:linear-gradient(135deg,#48bb781a,#10b98114);color:var(--accent);border-radius:50px;font-size:.875rem;font-weight:600;flex-shrink:0}.article-header h1{font-size:clamp(2rem,5vw,2.8rem);font-weight:700;margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif;line-height:1.2;color:var(--text-primary)}.article-header .article-meta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;color:var(--text-secondary);font-size:.95rem;flex-wrap:wrap}.article-header .article-meta-left{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.article-header .article-meta span{display:flex;align-items:center;gap:.5rem}.article-header .article-meta i{color:var(--accent)}.article-description-box{background:linear-gradient(135deg,#48bb780d,#10b98108);padding:1.75rem 2rem;border-radius:var(--radius-lg);margin-bottom:3rem;border-left:4px solid var(--accent)}.article-description-box p{margin:0;font-size:1.0625rem;line-height:1.8;color:var(--text-secondary)}.article-cover-detail{margin-bottom:3rem}.article-cover-detail img{width:100%;border-radius:var(--radius-lg);box-shadow:0 8px 30px #0000001a;transition:transform .3s ease}.article-cover-detail img:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.article-content-detail{color:var(--text-primary);line-height:1.7;font-size:1rem}.article-content-detail p{margin-bottom:1.2rem;text-align:left}.article-content-detail h1,.article-content-detail h2,.article-content-detail h3,.article-content-detail h4,.article-content-detail h5,.article-content-detail h6{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-weight:600;line-height:1.3}.article-content-detail h1{font-size:clamp(1.8rem,4vw,2.2rem);border-bottom:2px solid rgba(72,187,120,.2);padding-bottom:.75rem}.article-content-detail h2{font-size:clamp(1.6rem,3.8vw,1.95rem);font-weight:650;margin-bottom:1.8rem}.article-content-detail h3{font-size:clamp(1.3rem,3vw,1.5rem);font-weight:600}.article-content-detail h4{font-size:1.2rem}.article-content-detail a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s;position:relative}.article-content-detail a:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s ease}.article-content-detail a:hover:after{width:100%}.article-content-detail code:not(pre code){font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em;background:#f5f5f5;color:#06c;padding:.2rem .5rem;border-radius:4px}.article-content-detail pre{background:#1e1e1e;color:#d4d4d4;padding:1.5rem;border-radius:var(--radius-lg);overflow-x:auto;margin:2rem 0;box-shadow:0 4px 20px #00000026;position:relative}.article-content-detail pre:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.article-content-detail pre code{background:none;padding:0;color:inherit;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em;line-height:1.6}.article-content-detail ul,.article-content-detail ol{margin:1.2rem 0;padding-left:2rem}.article-content-detail ul{list-style-type:disc}.article-content-detail ol{list-style-type:decimal}.article-content-detail li{margin-bottom:.6rem;line-height:1.6;color:var(--text-primary)}.article-content-detail li::marker{color:var(--accent);font-weight:600}.article-content-detail li>ul,.article-content-detail li>ol{margin-top:.6rem;margin-bottom:.6rem}.article-content-detail img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:2rem 0;display:block;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.article-content-detail img:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.article-content-detail blockquote{border-left:4px solid var(--accent);padding:1.25rem 1.75rem;margin:2rem 0;background:linear-gradient(90deg,#48bb7814,#48bb7800);color:var(--text-secondary);font-style:italic;border-radius:0 var(--radius-md) var(--radius-md) 0;position:relative}.article-content-detail blockquote:before{content:'"';position:absolute;top:-.25rem;left:.5rem;font-size:3rem;color:var(--accent);opacity:.2;font-family:Georgia,serif;line-height:1}.article-content-detail table{border-collapse:collapse;width:100%;margin:2rem 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 12px #00000014}.article-content-detail th,.article-content-detail td{border:1px solid var(--border-color);padding:.875rem 1rem;text-align:left}.article-content-detail th{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:#fff;font-weight:600}.article-content-detail tr:nth-child(2n){background:#48bb7805}.article-content-detail tr:hover{background:#48bb780d;transition:background .2s}.article-content-detail hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%);margin:3rem 0}.article-content-detail strong{font-weight:700;color:var(--text-primary)}.article-content-detail em{font-style:italic;color:var(--text-primary)}.article-content-detail input[type=checkbox]{margin-right:.75rem;accent-color:var(--accent);width:18px;height:18px;cursor:pointer}.article-content-detail ul.contains-task-list{list-style:none;padding-left:0}.article-content-detail li.task-list-item{display:flex;align-items:flex-start;margin-bottom:.875rem;padding:.5rem;border-radius:var(--radius-sm);transition:background .2s}.article-content-detail li.task-list-item:hover{background:#48bb7808}.article-content-detail li.task-list-item input[type=checkbox]{margin-top:.35rem;flex-shrink:0}.article-content-detail sup,.article-content-detail sub{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}.article-content-detail sup{top:-.5em}.article-content-detail sub{bottom:-.25em}.article-content-detail del{text-decoration:line-through;color:var(--text-secondary);opacity:.7}.article-content-detail mark{background:linear-gradient(135deg,#fde04766,#facc154d);padding:.15rem .4rem;border-radius:4px}.article-content-detail .math-inline{font-family:Times New Roman,serif;font-style:italic}.article-content-detail .math-block{background:linear-gradient(135deg,#48bb780d,#10b98108);padding:1.5rem 2rem;border-radius:var(--radius-lg);margin:2rem 0;text-align:center;font-family:Times New Roman,serif;overflow-x:auto;border:1px solid rgba(72,187,120,.1)}.article-tags{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.article-tags .tag{padding:.4rem 1rem;background:linear-gradient(135deg,#48bb781a,#10b98114);color:var(--accent);border-radius:50px;font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer}.article-tags .tag:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #48bb784d}.article-navigation{display:flex;align-items:stretch;justify-content:space-between;gap:2rem;margin-top:3rem;padding-top:3rem;border-top:2px solid rgba(72,187,120,.15)}.article-nav-link{flex:1;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:linear-gradient(135deg,#48bb780f,#10b9810a);border:1px solid rgba(72,187,120,.15);border-radius:var(--radius-lg);text-decoration:none;transition:all .3s ease;min-width:0}.article-nav-link:hover{background:linear-gradient(135deg,#48bb781f,#10b98114);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #48bb7826}.article-nav-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.article-nav-prev .article-nav-label{justify-content:flex-start}.article-nav-next .article-nav-label{justify-content:flex-end}.article-nav-title{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-nav-prev .article-nav-title{text-align:left}.article-nav-next .article-nav-title{text-align:right}.article-nav-divider{width:1px;background:linear-gradient(to bottom,transparent,rgba(72,187,120,.2),transparent);margin:1rem 0}@media(max-width:768px){.article-detail-back-wrapper{padding:0rem 0rem 0;margin-bottom:1rem}.back-link{font-size:.9rem;margin-bottom:1rem;padding:0rem 1.25rem 0}.article-detail{padding:1.5rem 1.25rem 3rem}.article-header{margin:1rem}.article-header h1{margin-bottom:1rem}.article-header .article-meta{font-size:.875rem;gap:1rem}.article-description-box{padding:1.25rem 1.5rem;margin-bottom:2rem}.article-content-detail{font-size:1rem;line-height:1.7}.article-content-detail h1,.article-content-detail h2{margin-top:1.8rem}.article-content-detail h2:before{top:.15rem}.article-content-detail p{margin-bottom:1rem;text-align:left}.article-content-detail pre{padding:1rem;margin:1.5rem 0;overflow-x:scroll;-webkit-overflow-scrolling:touch}.article-content-detail table{font-size:.9rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-content-detail blockquote{padding:1rem 1.25rem}.article-content-detail blockquote:before{font-size:2rem}.article-content-detail ul,.article-content-detail ol{padding-left:1.5rem;margin:1rem 0}.article-content-detail li{margin-bottom:.5rem}.article-content-detail img{margin:1.5rem 0;border-radius:var(--radius-sm)}.article-navigation{flex-direction:column;gap:1rem;margin-top:2rem;padding-top:2rem}.article-nav-link{padding:1.25rem 1rem}.article-nav-divider{display:none}.article-nav-label{font-size:.8rem}.article-nav-title{font-size:.95rem;-webkit-line-clamp:2}}.article-official-account{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#48bb780d,#48bb7814);border:1px solid rgba(72,187,120,.2);border-radius:1rem}.official-account-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.official-account-info h3{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.official-account-info h3 i{color:#07c160;font-size:1.125rem}.official-account-info p{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.6}.official-account-qr{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.official-account-qr img{width:120px;height:120px;object-fit:contain;padding:.5rem;background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000000f}.official-account-qr span{font-size:.8125rem;color:var(--text-secondary)}@media(max-width:768px){.article-official-account{margin-top:2rem;padding:1.5rem}.official-account-content{flex-direction:column;text-align:center;gap:1.5rem}.official-account-info h3{justify-content:center}.official-account-qr img{width:140px;height:140px}}@media(max-width:480px){.article-detail{padding:1.25rem 1rem 2.5rem}.article-header .article-category{font-size:.8rem;padding:.3rem .75rem}.article-header .article-meta,.article-header .article-meta-left{flex-wrap:wrap;gap:.75rem}.article-description-box{padding:1rem 1.25rem}.article-description-box p,.article-content-detail{font-size:.95rem}.article-content-detail code:not(pre code){font-size:.85em;padding:.2rem .4rem}.article-content-detail pre{padding:.875rem;font-size:.85rem}.article-content-detail blockquote{padding:.875rem 1rem;margin:1.5rem 0}.article-content-detail th,.article-content-detail td{padding:.65rem .75rem}.article-tags .tag{font-size:.8rem;padding:.35rem .85rem}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem}.about-vision{font-size:1.5rem;color:var(--accent);margin-bottom:2rem;text-align:center;font-weight:600}.about-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;text-align:center;max-width:700px;margin:0 auto 3rem}.about-details{margin-top:3rem}.social-section{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border-color)}.social-section h3{text-align:center;font-size:1.5rem;margin-bottom:2rem;font-family:Space Grotesk,sans-serif}.social-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.teacher-hero-section{padding:2rem 2rem 4rem;background:linear-gradient(135deg,#f0fdf4,#fff,#f0fdfa)}.teacher-hero-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.teacher-hero-content{max-width:520px}.teacher-hero-title{font-size:3.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;font-family:Space Grotesk,sans-serif;line-height:1.1;letter-spacing:-.02em}.teacher-hero-subtitle{font-size:1.25rem;color:var(--accent);margin-bottom:2rem;font-weight:500;line-height:1.6}.teacher-hero-description{font-size:1rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.7;white-space:pre-wrap;word-wrap:break-word}.teacher-hero-description strong{color:var(--accent);font-weight:600}.teacher-hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.teacher-hero-image{position:relative;display:flex;justify-content:center;margin-left:-4rem}.teacher-hero-image .teacher-photo{width:100%;max-width:400px;height:400px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:8px solid var(--bg-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.teacher-hero-image .teacher-photo:hover{transform:scale(1.02);box-shadow:0 25px 50px #00000026}.teacher-hero-badges{position:absolute;top:0;right:.75rem;display:flex;flex-direction:column;gap:.75rem;z-index:var(--z-default)}.teacher-hero-badges .badge{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:#fff;padding:.375rem .875rem;border-radius:50px;font-weight:600;font-size:.8rem;box-shadow:0 4px 12px #48bb784d;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:32px;line-height:1}.teacher-hero-badges .badge:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0);border-radius:50px;z-index:0}.teacher-hero-badges .badge span,.teacher-hero-badges .badge{position:relative;z-index:1}.teacher-hero-badges .badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px #48bb7866}@media(max-width:768px){.teacher-hero-section{padding:2rem 1.5rem 3rem}.teacher-hero-container{grid-template-columns:1fr;text-align:center;gap:2rem}.teacher-hero-content{max-width:100%}.teacher-hero-title{font-size:2.5rem;margin-bottom:.75rem}.teacher-hero-subtitle{font-size:1.0625rem;margin-bottom:1.5rem}.teacher-hero-description{font-size:.9375rem;margin-bottom:2rem;line-height:1.6}.teacher-hero-buttons{justify-content:center;gap:.75rem;flex-direction:row;flex-wrap:wrap}.teacher-hero-buttons .btn{flex:1;min-width:140px;max-width:200px}.teacher-hero-badges{position:static;flex-direction:column;flex-wrap:wrap;margin-top:1rem;gap:.5rem}.teacher-hero-badges .badge{font-size:.75rem;padding:.3125rem .75rem;min-height:26px}.teacher-hero-image{margin-left:0}.teacher-hero-image .teacher-photo{max-width:280px;height:280px;border-width:6px}}@media(max-width:480px){.teacher-hero-section{padding:1.5rem 1rem 2rem}.teacher-hero-container{gap:2.5rem}.teacher-hero-title{font-size:2rem;line-height:1.1}.teacher-hero-subtitle{font-size:.9375rem;margin-bottom:1rem}.teacher-hero-description{font-size:.875rem;margin-bottom:1.5rem}.teacher-hero-buttons{flex-direction:row;flex-wrap:wrap;width:100%}.teacher-hero-buttons .btn{flex:1;min-width:140px;max-width:200px;justify-content:center}.teacher-hero-badges{flex-direction:column;gap:.375rem;margin-top:.75rem}.teacher-hero-badges .badge{font-size:.7rem;padding:.25rem .625rem;min-height:24px}.teacher-hero-badges .badge:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0);border-radius:50px;z-index:0}.teacher-hero-badges .badge span,.teacher-hero-badges .badge{position:relative;z-index:1}.teacher-hero-badges .badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #48bb7859}.teacher-hero-image .teacher-photo{max-width:240px;height:240px;border-width:4px}}.teaching-philosophy-section{margin:2rem 0;scroll-margin-top:6rem;padding:2.5rem;background:linear-gradient(135deg,#48bb7808,#10b98105);border-radius:var(--radius-lg);border:1px solid rgba(72,187,120,.1)}.teaching-philosophy-section .section-title{margin-bottom:2rem;text-align:left;color:var(--text-primary);position:relative;padding-bottom:1rem}.teaching-philosophy-section .section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:2px}.philosophy-content{margin-bottom:2rem;color:var(--text-secondary);line-height:1.85;font-size:1.0625rem}.philosophy-content p{font-size:1.125rem;line-height:1.85;color:var(--text-secondary);text-align:left;margin-bottom:1.5rem;white-space:pre-wrap}.philosophy-content h1,.philosophy-content h2,.philosophy-content h3,.philosophy-content h4,.philosophy-content h5,.philosophy-content h6{color:var(--text-primary);margin-top:2.5rem;margin-bottom:1.25rem;font-family:Space Grotesk,sans-serif;font-weight:600}.philosophy-content h2{font-size:1.75rem;color:var(--accent)}.philosophy-content h3{font-size:1.5rem}.philosophy-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.philosophy-content a:hover{border-bottom-color:var(--accent)}.philosophy-content strong{font-weight:700;color:var(--text-primary)}.philosophy-content em{font-style:italic;color:var(--text-primary)}.philosophy-content code{background:#f5f5f5;padding:.2rem .5rem;border-radius:4px;font-size:.9em;color:#06c}.philosophy-content pre{background:linear-gradient(135deg,#48bb780d,#10b98108);padding:1.5rem;border-radius:var(--radius-md);overflow-x:auto;margin-bottom:1.5rem;border:1px solid rgba(72,187,120,.1)}.philosophy-content pre code{background:none;padding:0;border:none;color:var(--text-primary)}.philosophy-content ul,.philosophy-content ol{margin-left:1.75rem;margin-bottom:1.5rem}.philosophy-content li{margin-bottom:.75rem;line-height:1.75}.philosophy-content li::marker{color:var(--accent)}.philosophy-content img{max-width:100%;border-radius:var(--radius-md);margin:2rem 0;box-shadow:0 4px 12px #00000014}.philosophy-content blockquote{border-left:4px solid var(--accent);padding:1rem 1.5rem;margin:2rem 0;background:linear-gradient(90deg,#48bb780d,#48bb7800);color:var(--text-secondary);font-style:italic;border-radius:0 var(--radius-md) var(--radius-md) 0}.philosophy-content table{width:100%;border-collapse:collapse;margin:2rem 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px #0000000d}.philosophy-content th,.philosophy-content td{border:1px solid var(--border-color);padding:.875rem 1rem;text-align:left}.philosophy-content th{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:#fff;font-weight:600}.philosophy-content tr:hover{background:#48bb7808}.philosophy-content hr{border:none;border-top:2px solid rgba(72,187,120,.2);margin:2.5rem 0;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%);height:2px}@media(max-width:768px){.teaching-philosophy-section{margin:2rem 1rem;padding:1.75rem}.teaching-philosophy-section .section-title{font-size:2rem;margin-bottom:1.5rem}.teaching-philosophy-section .section-title:after{width:50px}.philosophy-content{font-size:1rem}.philosophy-content p{font-size:1rem;line-height:1.75;margin-bottom:1.25rem}.philosophy-content h2{font-size:1.5rem}.philosophy-content h3{font-size:1.3rem}.philosophy-content ul,.philosophy-content ol{margin-left:1.5rem}.philosophy-content li{margin-bottom:.6rem}.philosophy-content img{margin:1.5rem 0}.philosophy-content blockquote{padding:.875rem 1.25rem;margin:1.5rem 0}.philosophy-content table{font-size:.95rem}.philosophy-content th,.philosophy-content td{padding:.65rem .75rem}}@media(max-width:480px){.teaching-philosophy-section{margin:1.5rem .75rem;padding:1.5rem 1rem}.teaching-philosophy-section .section-title{font-size:1.75rem;margin-bottom:1.25rem}.teaching-philosophy-section .section-title:after{width:40px}.philosophy-content p{font-size:.95rem;line-height:1.7;margin-bottom:1rem}.philosophy-content code{font-size:.85em;padding:.2rem .4rem}.philosophy-content pre{padding:1rem;overflow-x:scroll;-webkit-overflow-scrolling:touch}.philosophy-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.miniprogram-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:4rem 0;margin-top:3rem}.miniprogram-content{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:center;color:#fff}.miniprogram-info h2{font-size:2rem;margin-bottom:1rem;font-family:Space Grotesk,sans-serif}.miniprogram-desc{font-size:1.125rem;line-height:1.7;margin-bottom:2rem;opacity:.95}.miniprogram-desc strong{color:#fbbf24;font-weight:600}.access-methods{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.25rem 1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.access-item{display:flex;align-items:center;gap:.75rem;font-size:1rem}.access-item i{font-size:1.25rem;opacity:.9}.access-item span{opacity:.95}.arrow-pointer{color:#fbbf24;font-size:1.25rem;margin-left:auto;animation:pointRight 1.5s ease-in-out infinite}@keyframes pointRight{0%,to{transform:translate(0);opacity:.7}50%{transform:translate(8px);opacity:1}}.features-tags{display:flex;flex-wrap:wrap;gap:.75rem}.feature-tag{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.miniprogram-qr{display:flex;justify-content:center;align-items:center}.qr-card{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg)}.qr-card img{width:200px;height:200px;display:block;margin-bottom:1rem}.qr-card p{color:var(--text-primary);font-weight:500;margin:0;font-size:1rem}@media(max-width:768px){.miniprogram-content{grid-template-columns:1fr;gap:2rem;text-align:center}.miniprogram-info h2{font-size:1.5rem}.miniprogram-desc{font-size:1rem}.access-item{font-size:.9rem}.qr-card img{width:160px;height:160px}.features-tags{justify-content:center}}.camp-detail-header{background:linear-gradient(135deg,#48bb780d,#48bb781a);padding:3rem;border-radius:var(--radius-lg);margin-bottom:3rem}.camp-status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.camp-status-badge.coming-soon{background:#fef3c7;color:#92400e}.camp-status-badge.enrolling{background:#d1fae5;color:#065f46}.camp-detail-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;font-family:Space Grotesk,sans-serif}.camp-subtitle{font-size:1.25rem;color:var(--accent);margin-bottom:1rem;font-weight:500}.camp-description{font-size:1.0625rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.camp-meta{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.camp-meta .meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.camp-meta .meta-item i{color:var(--accent)}.camp-price{display:flex;align-items:center;gap:1rem}.current-price{font-size:2rem;font-weight:700;color:var(--accent)}.original-price{font-size:1.25rem;color:var(--text-secondary);text-decoration:line-through}.discount{background:#fef3c7;color:#92400e;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:600}.camp-features-section,.camp-schedule-section,.camp-contact-section{margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.feature-item i{color:var(--accent);font-size:1.25rem}.schedule-list{display:flex;flex-direction:column;gap:1.5rem}.schedule-week{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.week-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.week-badge{background:var(--accent);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.week-header h3{margin:0;font-size:1.25rem}.week-topics{list-style:none;padding:0;margin:0}.week-topics li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:var(--text-secondary)}.week-topics li i{color:var(--accent);font-size:.5rem}.contact-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.contact-private-domain{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.contact-qrcode-card{background:linear-gradient(135deg,#48bb780d,#48bb7814);border:1px solid rgba(72,187,120,.2);border-radius:var(--radius-lg);padding:2rem;display:flex;align-items:center;gap:2rem;transition:all .3s ease}.contact-qrcode-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #48bb7826;border-color:#48bb784d}.contact-qrcode-image{flex-shrink:0;width:150px;height:150px;background:#fff;border-radius:var(--radius-md);padding:.5rem;display:flex;align-items:center;justify-content:center}.contact-qrcode-image img{width:100%;height:100%;object-fit:contain}.contact-qrcode-info{flex:1}.contact-qrcode-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.contact-qrcode-title i{color:#07c160;font-size:1.5rem}.contact-qrcode-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:.5rem}.contact-qrcode-hint{color:var(--accent);font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.5rem .75rem;background:#48bb781a;border-radius:var(--radius-md);display:inline-block}.contact-wechat-id{color:var(--accent);font-size:.875rem;font-weight:500;background:#48bb781a;padding:.375rem .75rem;border-radius:var(--radius-sm);display:inline-block;margin-top:.5rem}.contact-social-media{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border-color)}.contact-social-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:.75rem}.contact-social-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:linear-gradient(135deg,#48bb780d,#48bb781a);padding:3rem;border-radius:var(--radius-lg)}.contact-qr{display:flex;justify-content:center;align-items:center}.contact-info{display:flex;flex-direction:column;justify-content:center}.contact-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.contact-item i{color:var(--accent);font-size:1.25rem;margin-top:.25rem}.contact-item label{display:block;font-size:.875rem;color:var(--text-light);margin-bottom:.25rem}.contact-item span{font-size:1.0625rem;color:var(--text-primary);font-weight:500}.contact-tips{background:#fef3c7;padding:1rem;border-radius:var(--radius-md);margin-top:1rem}.contact-tips p{margin:0;color:#92400e;font-size:.9375rem}.contact-tips i{margin-right:.5rem}.camp-cta-section{text-align:center;padding:2rem 0}.btn-large{padding:1rem 3rem;font-size:1.125rem}.btn-large i{margin-right:.5rem}.cta-note{color:var(--text-secondary);margin-top:1rem}.training-camp-section{padding:4rem 0;background:linear-gradient(to bottom,var(--bg-secondary) 0%,white 100%)}.camp-subtitle{text-align:center;color:var(--text-secondary);font-size:1.125rem;margin-bottom:3rem}.camp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(max-width:768px){.camp-grid{grid-template-columns:1fr;gap:1.25rem}.camp-card{padding:1.25rem;border-radius:12px;border-width:1px}.camp-card-badge{font-size:.7rem;padding:.3125rem .625rem;margin-bottom:.625rem}.camp-card-title{font-size:1.125rem;line-height:1.4;margin-bottom:.375rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.camp-card-description{font-size:.875rem;line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.camp-card-start-date{font-size:.813rem;margin-top:.375rem}.camp-card-price{font-size:1.5rem}.camp-card-highlights{gap:.5rem;margin-bottom:.75rem}.camp-card-highlight-item{font-size:.7rem;padding:.3125rem .5rem}.camp-card-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.camp-card-header-left{width:100%}.camp-card-price{align-self:flex-start;text-align:left}.camp-card-meta-row{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.camp-card-meta-left{width:100%;flex-wrap:wrap}.camp-card-meta-right{width:100%;justify-content:flex-start}}@media(max-width:375px){.camp-card{padding:1rem}.camp-card-title{font-size:1rem}.camp-card-description{font-size:.813rem}.camp-card-price{font-size:1.375rem}}.camp-card{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);border:2px solid #e2e8f0;position:relative;transition:all .2s ease;display:flex;flex-direction:column}.camp-card:hover{border-color:#48bb78;box-shadow:var(--shadow-lg)}.camp-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.camp-card-header-left{flex:1}.camp-card-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;margin-bottom:.75rem}.camp-card-badge.badge-enrolling{background:#d1fae5;color:#065f46}.camp-card-badge.badge-coming-soon{background:#dbeafe;color:#1e40af}.camp-card-badge.badge-full{background:#fee2e2;color:#991b1b}.camp-card-badge.badge-closed{background:#e5e7eb;color:#6b7280}.camp-card-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#111827;line-height:1.3}.camp-card-description{font-size:.9375rem;color:#6b7280;line-height:1.5}.camp-card-start-date{display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.875rem;color:#6b7280}.date-icon{width:14px;height:14px}.camp-card-price{font-size:1.875rem;font-weight:700;color:#48bb78;line-height:1;text-align:right;white-space:nowrap}.camp-card-highlights{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.camp-card-highlight-item{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#f9fafb;border-radius:6px;font-size:.75rem;color:#374151}.highlight-icon{width:14px;height:14px;flex-shrink:0}.camp-card-features{list-style:none;padding:0;margin:0 0 1.5rem}.camp-card-feature-item{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;color:#6b7280;line-height:1.4}.camp-card-feature-item:last-child{margin-bottom:0}.feature-icon{width:20px;height:20px;flex-shrink:0;margin-top:1px;color:#48bb78}.camp-card-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.camp-card-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.camp-card-meta-left,.camp-card-meta-right{display:flex;align-items:center;gap:.75rem}.camp-card-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.camp-card-meta-row .camp-card-meta-item span{color:#6b7280}.meta-icon{width:16px;height:16px;flex-shrink:0}.camp-card-students{margin-bottom:1rem}.students-info{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#6b7280}.students-icon{width:14px;height:14px;flex-shrink:0}.camp-card-button{display:block;width:100%;padding:.75rem 1.5rem;background:#48bb78;color:#fff;text-align:center;border-radius:.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .2s ease}.camp-card-button:hover{background:#38a169;color:#fff}.camp-card-button-disabled{display:block;width:100%;padding:.75rem 1.5rem;background:transparent;color:#6b7280;text-align:center;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:not-allowed}.camp-card-button-disabled:hover{background:transparent;color:#6b7280;border-color:#e5e7eb}.camp-card-footer-info{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.camp-card-level{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#f3f4f6;color:#374151;border-radius:9999px;font-size:.75rem;font-weight:500}.camp-card-level-inline{display:inline-flex;align-items:center;padding:.25rem .625rem;background:#f3f4f6;color:#4b5563;border-radius:9999px;font-size:.75rem;font-weight:500}.camp-info{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin:1rem 0 1.5rem;justify-content:flex-start}.camp-info-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9375rem}.camp-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.camp-cta{width:100%}.camp-highlights{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;justify-content:flex-start}.camp-highlight-tag{background:linear-gradient(135deg,#48bb781a,#48bb7826);color:var(--accent);padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.camp-badge.enrolling{background:linear-gradient(135deg,#48bb78,#38a169)}.camp-badge.coming-soon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.camp-badge.full{background:#e5e7eb;color:#6b7280}.camp-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border-color)}.camp-price{display:flex;flex-direction:column;gap:.25rem}.camp-price-label{font-size:.75rem;color:var(--text-light)}.camp-price-value{font-size:1.5rem;font-weight:700;color:var(--accent);font-family:Space Grotesk,sans-serif}@media(max-width:768px){.course-header{grid-template-columns:1fr}.course-info h1{font-size:1.75rem}.articles-grid{grid-template-columns:1fr}.article-detail{padding:0 1.5rem 3rem}.article-header h1{font-size:1.75rem}.contact-grid{grid-template-columns:1fr}.instructor-detail-card{flex-direction:column;text-align:center}.miniprogram-guide{padding:2rem 1rem}.miniprogram-guide h2{font-size:1.5rem}.qrcode-image{width:160px;height:160px}}@media(max-width:480px){.course-info h1,.article-header h1{font-size:1.5rem}.section-title{font-size:2rem}}.player-header{margin-bottom:2rem}.player-breadcrumb{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.9375rem;color:var(--text-light)}.player-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.player-breadcrumb a:hover{color:var(--accent)}.player-breadcrumb i{font-size:.75rem}.player-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;font-family:Space Grotesk,sans-serif;line-height:1.2}.player-container{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}@media(min-width:1024px){.player-container{grid-template-columns:1fr 380px}}.video-player-wrapper{background:#000;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.video-player{width:100%;aspect-ratio:16 / 9;display:block}.audio-player-wrapper{background:transparent;border-radius:var(--radius-lg);padding:2rem}.audio-player{max-width:500px;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:0}.album-cover-container{position:relative;width:300px;height:300px;margin-bottom:2rem}.album-cover{width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 8px 24px #00000026;transition:transform .3s ease}.album-cover.rotating{animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.play-button-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000001a;border-radius:50%;transition:opacity .3s ease;border:none;cursor:pointer;padding:0}.play-button-overlay:hover{background:#00000026}.play-button-overlay:active{background:#0003}.play-button{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:transform .2s ease;color:#333;font-size:1.25rem}.play-button-overlay:active .play-button{transform:scale(.95)}.audio-progress-container{width:100%;margin-bottom:1.5rem}.progress-time-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.time-text{font-size:.875rem;font-weight:500;color:#333;min-width:60px}.time-text:first-child{text-align:left}.time-text:last-child{text-align:right}.progress-slider-row{display:flex;align-items:center;gap:1rem;width:100%}.progress-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#b0b0b0;border-radius:3px;cursor:pointer;outline:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#07c160;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003;transition:transform .2s}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.progress-slider::-moz-range-thumb{width:16px;height:16px;background:#07c160;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003;transition:transform .2s}.progress-slider::-moz-range-thumb:hover{transform:scale(1.2)}.audio-quick-controls{display:flex;gap:1rem;width:100%;justify-content:center}.quick-control-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.quick-control-btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.quick-control-btn:active{transform:translateY(0)}.quick-control-btn i{font-size:1rem}.player-info{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem}.player-meta{display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.player-meta .meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9375rem}.player-meta .meta-item i{color:var(--accent)}.player-description{margin-bottom:2rem}.player-description h3{font-size:1.25rem;margin-bottom:1rem;font-family:Space Grotesk,sans-serif}.player-description p{color:var(--text-secondary);line-height:1.7}.player-handouts{margin-top:2rem}.player-handouts h3{font-size:1.25rem;margin-bottom:1rem;font-family:Space Grotesk,sans-serif}.handouts-list{display:flex;flex-direction:column;gap:.75rem}.handout-link{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all .2s}.handout-link:hover{border-color:var(--accent);color:var(--accent);background:#48bb780d}.handout-link i{color:var(--accent)}.lesson-content-detail{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2.5rem}.lesson-content-detail h2{font-size:1.5rem;margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif}.course-player-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;margin-bottom:4rem}.lessons-panel{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;height:fit-content;position:sticky;top:6rem}.lessons-panel h2{font-size:1.25rem;margin-bottom:1rem;font-family:Space Grotesk,sans-serif}.lessons-panel .lessons-list{gap:.75rem}.lessons-panel .lesson-item{padding:.875rem 1rem;cursor:pointer;border:2px solid transparent}.lessons-panel .lesson-item:hover{border-color:var(--accent)}.lessons-panel .lesson-item.lesson-active{background:var(--accent-light);border-color:var(--accent)}.lessons-panel .lesson-item.lesson-playing{background:var(--accent-light);border-color:var(--accent);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #48bb7866}50%{box-shadow:0 0 0 8px #48bb7800}}.lessons-panel .playing-icon{animation:playing-pulse 1s ease-in-out infinite}@keyframes playing-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.lessons-panel .lesson-badge.active{background:var(--accent);color:#fff}.lessons-panel .lessons-lock-tip{margin-top:1rem;padding:.875rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);display:flex;align-items:center;gap:.5rem;color:#3b82f6;font-size:.875rem}.player-panel{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem}.player-placeholder-with-cover{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem}.play-prompt{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--accent-light);border-radius:var(--radius-md);color:var(--accent);font-size:1rem;font-weight:500}.play-prompt i{font-size:1.5rem}.cover-image-wrapper{width:100%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.cover-image{width:100%;height:auto;display:block;object-fit:cover}.player-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);text-align:center}.player-placeholder i{font-size:4rem;margin-bottom:1rem;opacity:.5}.player-placeholder p{font-size:1rem}.player-header-inline{margin-bottom:1.5rem}.player-header-inline h3{font-size:1.5rem;margin-bottom:.5rem;font-family:Space Grotesk,sans-serif}.player-lesson-info{color:var(--text-muted);font-size:.875rem}.player-description-inline{margin-top:1.5rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.player-description-inline h4{font-size:1rem;margin-bottom:.75rem;font-family:Space Grotesk,sans-serif}.player-description-inline p{color:var(--text-secondary);line-height:1.6}.player-handouts-inline{margin-top:1rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.player-handouts-inline h4{font-size:1rem;margin-bottom:.75rem;font-family:Space Grotesk,sans-serif}.player-handouts-inline .handouts-list{display:flex;flex-direction:column;gap:.5rem}.player-handouts-inline .handout-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);text-decoration:none;transition:all .2s ease}.player-handouts-inline .handout-link:hover{background:var(--bg-primary);border-color:var(--accent);color:var(--accent)}.trial-btn{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.trial-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:1024px){.course-player-layout{grid-template-columns:1fr}.lessons-panel{position:relative;top:0}}@media(max-width:768px){.player-title{font-size:1.5rem}.audio-controls{flex-direction:column;align-items:stretch}.audio-progress{order:3;width:100%}.audio-btn-play{order:1;align-self:center}.audio-btn:not(.audio-btn-play){order:2;width:44px;height:44px}.audio-speed{order:4;justify-content:center;flex-wrap:wrap}.player-container{grid-template-columns:1fr}}