:root{--bg:#050505;--panel:#0d0d0d;--panel-soft:#121418;--text:#fff;--muted:#ccc;--muted-2:#8f98a5;--blue:#00a0e9;--blue-soft:#00a0e92e;--line:#ffffff1f;--shadow:0 24px 70px #00a0e92e;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}body,button,input,textarea{font:16px/1.6 inherit}button,input,textarea{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block}#app,.site-shell{min-height:100vh}.site-shell{background:linear-gradient(#00a0e912,#0000 380px),#050505;overflow-x:hidden}.site-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#000000eb,#0000007a);border-bottom:1px solid #ffffff14;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:76px;padding:12px 40px;display:grid;position:fixed;top:0;left:0;right:0}.logo{min-width:168px;color:var(--text);flex-direction:column;justify-content:center;display:inline-flex;position:relative}.logo-mark{letter-spacing:0;width:max-content;font-size:22px;font-weight:900;line-height:1;position:relative}.logo small{color:var(--blue);letter-spacing:0;margin-top:5px;font-size:10px;font-weight:800}.ring{border:2px solid var(--blue);pointer-events:none;border-radius:50%;width:17px;height:17px;position:absolute;box-shadow:0 0 14px #00a0e9cc}.ring-one{top:-4px;left:33px}.ring-two{bottom:-3px;right:16px}.nav-menu{justify-content:center;gap:6px;display:flex}.nav-menu a,.search-trigger,.hamburger{min-height:42px;color:var(--muted);background:0 0;border:1px solid #0000}.nav-menu a{border-radius:6px;align-items:center;padding:8px 11px;font-size:14px;font-weight:700;display:inline-flex}.nav-menu a:hover,.nav-menu a.active{color:var(--text);background:var(--blue-soft);border-color:#00a0e98c}.search-trigger{border-radius:50%;place-items:center;width:42px;display:inline-grid}.search-trigger:hover{border-color:var(--blue);box-shadow:0 0 24px #00a0e957}.search-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:21px;height:21px}.hamburger{border-radius:6px;width:42px;padding:10px;display:none}.hamburger span{background:var(--text);height:2px;margin:5px 0;display:block}.page{min-height:100vh}.hero{background-position:50%;background-size:cover;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.hero:before,.hero:after{z-index:1;content:"";pointer-events:none;position:absolute}.hero:before{filter:drop-shadow(0 0 28px #00a0e933);opacity:.92;background:radial-gradient(circle at 50% 12%,#0a0d12fa 0 36px,#0000 37px),linear-gradient(#08090cfa,#000000fa);border-radius:48% 48% 0 0;width:190px;height:430px;bottom:0;right:12%}.hero:after{background:#dff8ff;border-radius:50%;width:72px;height:72px;bottom:250px;right:calc(12% + 58px);box-shadow:0 0 30px #00a0e9f2,0 0 92px #00a0e9b3,0 0 150px #ffffff57}.hero-overlay{z-index:0;background:linear-gradient(#0000002e,#000000e0),linear-gradient(90deg,#000000d6,#0000003d,#000000b3);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;width:min(980px,100% - 40px);padding-top:72px;position:relative}.hero-kicker,.eyebrow,.section-title span,.page-heading span{color:var(--blue);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:900}h1,h2,h3,p{margin-top:0}.hero h1{color:var(--text);letter-spacing:0;text-shadow:0 0 42px #00a0e98c;margin:18px 0 22px;font-size:84px;font-weight:950;line-height:.98}.hero p:not(.hero-kicker){width:min(720px,100%);color:var(--muted);margin:0 auto 34px;font-size:20px}.glow-button,.primary-action{min-height:48px;color:var(--text);background:linear-gradient(#00a0e9,#007cc0);border:1px solid #00a0e9b8;border-radius:8px;justify-content:center;align-items:center;padding:12px 22px;font-weight:900;display:inline-flex;box-shadow:0 0 26px #00a0e985}.glow-button:hover{transform:translateY(-2px);box-shadow:0 0 38px #00a0e9b8}.outline-action{min-height:42px;color:var(--blue);background:#00a0e914;border:1px solid #00a0e99e;border-radius:7px;justify-content:center;align-items:center;padding:9px 14px;font-weight:900;display:inline-flex}.outline-action:hover{color:var(--text);background:#00a0e9d1;box-shadow:0 0 28px #00a0e96b}.section-panel,.teacher-band,.inner-page,.site-footer{width:min(1180px,100% - 40px);margin:0 auto}.section-panel{padding:92px 0}.section-title,.page-heading{margin-bottom:32px}.split-title{justify-content:space-between;align-items:end;gap:18px;display:flex}.section-title h2,.page-heading h1,.teacher-profile h1,.contact-form h1{color:var(--text);letter-spacing:0;margin:8px 0 0;font-size:44px;font-weight:950;line-height:1.12}.page-heading{padding-top:132px}.page-heading p,.lead,.teacher-profile p,.contact-info p{color:var(--muted);font-size:18px}.course-row,.course-grid,.works-grid,.review-grid{gap:18px;display:grid}.fade-switch{opacity:1;transition:opacity .42s,transform .42s;transform:translateY(0)}.fade-switch.fading{opacity:0;transform:translateY(14px)}.batch-status,.review-carousel-controls{color:var(--muted);justify-content:center;align-items:center;gap:14px;margin-top:24px;font-weight:900;display:flex}.review-carousel-controls{margin:0 0 22px}.review-carousel-controls button{min-height:38px;color:var(--text);background:#00a0e91f;border:1px solid #00a0e994;border-radius:999px;padding:7px 14px;font-weight:900}.review-carousel-controls button:hover{background:#00a0e9d1;box-shadow:0 0 24px #00a0e957}.course-row,.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-card,.work-card,.review-grid article,.post-card,.blog-sidebar,.contact-form,.contact-info,.open-lessons article,.search-results article,.modal-results article{border:1px solid var(--line);background:#0d0d0deb;border-radius:8px}.course-card{cursor:pointer;min-height:420px;position:relative;overflow:hidden}.course-card:hover{box-shadow:var(--shadow);border-color:#00a0e9cc}.image-shell{background:linear-gradient(100deg,#111 0%,#1d2630 45%,#111 90%) 0 0/240% 100%;animation:1.4s ease-in-out infinite skeleton;position:relative;overflow:hidden}.image-shell.loaded{background:#080808;animation:none}.image-shell img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s,transform .45s}.image-shell.loaded img{opacity:1}.course-card .image-shell{height:220px}.course-card:hover .image-shell img{transform:scale(1.06)}.course-body{padding:22px}.course-icon,.course-tag{min-height:30px;color:var(--blue);background:#00a0e914;border:1px solid #00a0e999;border-radius:999px;align-items:center;margin-bottom:14px;padding:4px 10px;font-size:13px;font-weight:900;display:inline-flex}.course-body h3{color:var(--text);letter-spacing:0;margin-bottom:10px;font-size:23px;line-height:1.22}.course-body p,.post-card p,.search-results p{color:var(--muted)}.course-meta{color:var(--muted-2);flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.course-meta strong{color:var(--blue)}.slide-action{min-height:44px;color:var(--text);background:#00a0e9eb;border:1px solid #00a0e9b3;border-radius:7px;font-weight:900;transition:transform .3s;position:absolute;bottom:18px;left:18px;right:18px;transform:translateY(72px)}.course-card:hover .slide-action{transform:translateY(0)}.featured-course-wrap{position:relative}.course-list-wrap{padding-inline:32px}.course-arrow{z-index:2;width:58px;height:58px;color:transparent;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;border:0;border-radius:50%;place-items:center;font-size:0;font-weight:300;line-height:1;display:inline-grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:none;overflow:hidden;text-indent:-999px;transition:filter .2s ease}.course-arrow:hover{background-color:transparent;border:0;box-shadow:none;filter:drop-shadow(0 0 14px #00a0e98a)}.course-arrow-left{left:-29px;background-image:url(arrow-left-default.png)}.course-arrow-left:hover{background-image:url(arrow-left-hover.png)}.course-arrow-right{right:-29px;background-image:url(arrow-right-default.png)}.course-arrow-right:hover{background-image:url(arrow-right-hover.png)}.teacher-band{background:linear-gradient(135deg,#00a0e91f,#0d0d0deb);border:1px solid #00a0e95c;border-radius:8px;grid-template-columns:320px 1fr;align-items:center;gap:42px;padding:48px;display:grid}.portrait-shell{border-radius:8px;height:360px}.teacher-band h2{margin:8px 0 12px;font-size:42px;line-height:1.1}blockquote{border-left:3px solid var(--blue);color:var(--text);margin:24px 0 0;padding-left:18px;font-size:26px;font-weight:900;line-height:1.35}.review-marquee{overflow:hidden}.review-track{gap:16px;width:max-content;animation:28s linear infinite marquee;display:flex}.review-track article{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:360px;padding:24px}.stars{color:var(--blue);margin-bottom:12px;font-weight:900}.review-track p,.review-grid p{color:var(--muted)}.home-post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.home-post-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden}.home-post-card:hover{box-shadow:var(--shadow);border-color:#00a0e9b8}.home-post-card .image-shell{height:190px}.home-post-card>div:last-child{padding:20px}.home-post-card span{color:var(--blue);font-size:13px;font-weight:900}.home-post-card h3{color:var(--text);margin:10px 0;font-size:21px;line-height:1.25}.home-post-card p{color:var(--muted);margin:0}.inner-page{padding-bottom:84px}.category-tabs,.pill-list,.hot-searches,.tag-cloud{flex-wrap:wrap;gap:10px;display:flex}.category-tabs{margin-bottom:28px}.category-tabs button,.pill-list span,.hot-searches button,.tag-cloud button{min-height:38px;color:var(--muted);background:#0a0a0a;border:1px solid #ffffff24;border-radius:999px;padding:7px 13px;font-weight:800}.category-tabs button.active,.category-tabs button:hover,.hot-searches button:hover,.tag-cloud button:hover{color:var(--text);border-color:var(--blue);background:var(--blue-soft)}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{cursor:zoom-in;padding:20px}.work-card:hover{border-color:var(--blue)}.compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.compare .image-shell{border-radius:8px;height:280px}.compare span{color:var(--text);background:#000000b3;border-radius:999px;padding:5px 10px;font-weight:900;position:absolute;bottom:12px;left:12px}.teacher-profile{grid-template-columns:minmax(320px,.85fr) 1.15fr;align-items:center;gap:44px;display:grid}.teacher-photo{border-radius:8px;height:620px}.open-lessons{margin-top:54px}.open-lessons article{align-items:center;gap:16px;margin-top:12px;padding:20px;display:flex}.open-lessons span,.post-card span,.search-results span,.modal-results span{color:var(--blue);font-size:13px;font-weight:900}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-grid article{padding:28px}.blog-layout,.contact-layout{gap:28px;display:grid}.blog-layout{grid-template-columns:minmax(0,1fr) 320px}.compact-heading{padding-top:132px}.post-card{grid-template-columns:260px 1fr;gap:22px;margin-bottom:18px;padding:18px;display:grid}.post-card .image-shell{border-radius:8px;height:180px}.blog-sidebar{align-self:start;margin-top:132px;padding:22px;position:sticky;top:100px}.blog-pagination{justify-content:center;align-items:center;gap:14px;margin-top:28px;display:flex}.blog-pagination button{min-height:40px;color:var(--text);background:#00a0e91f;border:1px solid #00a0e994;border-radius:999px;padding:8px 16px;font-weight:900}.blog-pagination button:not(:disabled):hover{background:#00a0e9d1;box-shadow:0 0 28px #00a0e957}.blog-pagination button:disabled{cursor:not-allowed;opacity:.45}.blog-pagination span{color:var(--muted);font-weight:900}.search-box,.contact-form label{color:var(--muted);gap:8px;font-weight:800;display:grid}input,textarea{width:100%;color:var(--text);background:#00000085;border:1px solid #ffffff29;border-radius:8px;outline:none}input{min-height:44px;padding:0 14px}textarea{resize:vertical;padding:10px 14px}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #00a0e929}.tag-cloud{margin-top:24px}.tag-cloud h3{width:100%}.contact-layout{grid-template-columns:1fr .9fr;padding-top:132px}.contact-form,.contact-info{padding:24px 28px}.contact-form{gap:12px;display:grid}.form-error{color:#ff6b6b;margin:-6px 0 0;font-size:14px;font-weight:900}.contact-info{align-content:start;display:grid}.contact-wechat-card{align-content:center;justify-items:center;min-height:560px;padding:8px 0 0;display:grid}.contact-wechat-card h2{color:var(--text);letter-spacing:0;text-align:center;margin:0 0 58px;font-size:42px;font-weight:950;line-height:1.12}.contact-profile{grid-template-columns:68px auto;justify-self:center;width:fit-content;margin-bottom:36px;padding-right:0}.contact-profile img{width:68px;height:68px}.contact-profile strong{font-size:24px}.contact-profile span{color:var(--text);font-size:17px}.contact-qr{width:210px;height:210px;margin:0 auto 22px}.contact-wechat-card p{color:var(--text);text-align:center;margin:0;font-size:22px;font-weight:950}.qr-placeholder,.map-placeholder{color:var(--blue);background:#00a0e912;border:1px dashed #00a0e98c;border-radius:8px;place-items:center;font-weight:900;display:grid}.qr-placeholder{width:140px;height:140px;margin:20px 0}.map-placeholder{height:260px}.large-search{margin-bottom:24px;display:block}.large-search input{min-height:62px;font-size:20px}.search-results{gap:12px;display:grid}.search-results article,.modal-results article{padding:18px}.course-detail-page{padding-top:118px}.back-link{min-height:40px;color:var(--blue);background:#00a0e914;border:1px solid #00a0e96b;border-radius:999px;margin-bottom:20px;font-weight:900}.back-link:hover{border-color:var(--blue);background:#00a0e929}.course-detail-hero{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:stretch;gap:34px;display:grid}.product-image{border:1px solid #00a0e957;border-radius:8px;min-height:520px;box-shadow:0 26px 80px #00a0e924}.detail-summary,.detail-panel,.booking-form{border:1px solid var(--line);background:linear-gradient(145deg, #00a0e91a, #0d0d0df5), var(--panel);border-radius:8px}.detail-summary{flex-direction:column;justify-content:center;padding:34px;display:flex}.detail-summary h1{color:var(--text);letter-spacing:0;margin:12px 0 18px;font-size:48px;font-weight:950;line-height:1.08}.detail-summary p,.detail-panel p,.field-note{color:var(--muted)}.price-line{gap:6px;margin:24px 0;display:grid}.price-line strong{color:var(--blue);font-size:36px;line-height:1}.price-line span{color:var(--muted-2)}.course-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:24px;display:grid}.detail-panel,.booking-form{padding:28px}.detail-panel h2,.booking-form h2{color:var(--text);margin:0 0 16px;font-size:30px;line-height:1.2}.detail-panel h3{color:var(--text);margin:28px 0 10px}.detail-panel ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.detail-panel li{color:var(--muted);padding-left:20px;position:relative}.detail-panel li:before{color:var(--blue);content:"•";position:absolute;left:0}.highlight-list{flex-wrap:wrap;gap:10px;display:flex}.highlight-list span{min-height:36px;color:var(--blue);background:#00a0e914;border:1px solid #00a0e973;border-radius:999px;align-items:center;padding:6px 12px;font-weight:900;display:inline-flex}.field-note{background:#00a0e90f;border:1px dashed #00a0e975;border-radius:8px;margin:22px 0 0;padding:14px}.booking-form{grid-column:1/-1;gap:16px;display:grid}.booking-form label{color:var(--muted);gap:8px;font-weight:900;display:grid}.booking-form .glow-button{width:fit-content}.success-message{color:var(--text);background:#00a0e91f;border:1px solid #00a0e980;border-radius:8px;margin:0;padding:12px 14px;font-weight:900}.site-footer{color:var(--muted-2);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:34px 0;display:flex}.socials{gap:10px;display:flex}.socials a{width:36px;height:36px;color:var(--blue);border:1px solid #00a0e97a;border-radius:50%;place-items:center;font-weight:900;display:inline-grid}.wechat-float{z-index:40;justify-items:end;gap:12px;display:grid;position:fixed;bottom:24px;right:24px}.wechat-trigger{width:58px;height:58px;color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-weight:900;display:inline-grid;overflow:hidden;box-shadow:0 0 34px #07c1606b}.wechat-trigger:hover,.wechat-float.open .wechat-trigger{box-shadow:0 0 44px #07c160b8}.wechat-trigger img{object-fit:cover;width:100%;height:100%}.wechat-card{width:286px;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 80% 12%,#00a0e92e,#0000 34%),#080a0ef5;border:1px solid #00a0e994;border-radius:8px;padding:18px;position:relative;box-shadow:0 24px 70px #00a0e938}.wechat-close{border:1px solid var(--line);width:28px;height:28px;color:var(--text);background:0 0;border-radius:50%;place-items:center;font-size:20px;line-height:1;display:inline-grid;position:absolute;top:10px;right:10px}.wechat-profile{grid-template-columns:56px 1fr;align-items:center;gap:12px;padding-right:26px;display:grid}.wechat-profile img{object-fit:cover;border:2px solid #00a0e9b3;border-radius:50%;width:56px;height:56px}.wechat-profile strong,.wechat-profile span{display:block}.wechat-profile strong{color:var(--text);font-size:18px;line-height:1.25}.wechat-profile span{color:var(--muted);font-size:14px}.wechat-qr{background-color:#fff;background-image:linear-gradient(90deg,#050505 10px,#0000 10px 20px,#050505 20px 30px,#0000 30px),linear-gradient(#050505 10px,#0000 10px 20px,#050505 20px 30px,#0000 30px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:8px solid #fff;border-radius:8px;place-items:center;width:168px;height:168px;margin:18px auto 14px;display:grid;position:relative;overflow:hidden}.wechat-qr:before{content:"";border:8px solid #050505;position:absolute;inset:18px}.wechat-qr span{background:#fff;border:8px solid #050505;width:34px;height:34px;position:absolute}.wechat-qr span:first-child{top:12px;left:12px}.wechat-qr span:nth-child(2){top:12px;right:12px}.wechat-qr span:nth-child(3){bottom:12px;left:12px}.wechat-qr span:nth-child(4){width:22px;height:22px;bottom:34px;right:28px}.wechat-qr strong{z-index:1;width:44px;height:44px;color:var(--text);background:var(--blue);border-radius:50%;place-items:center;font-size:13px;display:inline-grid;position:relative}.wechat-card p{color:var(--text);text-align:center;margin:0;font-weight:900}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.search-modal,.work-modal{width:min(720px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow);background:#080a0ef5;border:1px solid #00a0e985;border-radius:8px;padding:34px;position:relative;overflow:auto}.modal-close{border:1px solid var(--line);width:36px;height:36px;color:var(--text);background:0 0;border-radius:50%;place-items:center;font-size:26px;display:inline-grid;position:absolute;top:16px;right:16px}.search-modal input{margin:16px 0}.modal-results{gap:10px;margin-top:16px;display:grid}.text-link{color:var(--blue);background:0 0;border:0;margin-top:18px;font-weight:900}.work-modal{width:min(1080px,100%)}.modal-compare{margin-top:20px}.modal-compare img{object-fit:cover;border-radius:8px;width:100%;max-height:72vh}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=1024px){.site-header{padding:12px 24px}.hero h1{font-size:64px}.course-row,.course-grid,.home-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-course-wrap{padding-inline:18px}.course-arrow-left{left:-4px}.course-arrow-right{right:-4px}.teacher-band,.teacher-profile,.course-detail-hero,.blog-layout,.contact-layout,.course-detail-grid{grid-template-columns:1fr}.blog-sidebar{margin-top:0;position:static}}@media (width<=767px){.site-header{grid-template-columns:auto 1fr auto;gap:12px;min-height:68px;padding:10px 16px}.hamburger{display:inline-grid}.logo{min-width:0}.logo-mark{font-size:18px}.logo small{font-size:9px}.nav-menu{border:1px solid var(--line);background:#000000f5;border-radius:8px;flex-direction:column;padding:12px;display:none;position:absolute;top:68px;left:16px;right:16px}.nav-menu.open{display:flex}.nav-menu a{justify-content:center}.hero h1{font-size:46px}.hero p:not(.hero-kicker),.page-heading p,.lead,.teacher-profile p,.contact-info p{font-size:16px}.section-title h2,.page-heading h1,.teacher-profile h1,.contact-form h1{font-size:34px}.section-panel{padding:64px 0}.course-row,.course-grid,.works-grid,.review-grid,.home-post-grid,.compare,.post-card{grid-template-columns:1fr}.split-title,.blog-pagination,.review-carousel-controls{flex-direction:column;align-items:stretch}.featured-course-wrap{padding-inline:42px}.course-arrow{width:40px;height:40px;font-size:32px}.course-arrow-left{left:0}.course-arrow-right{right:0}.teacher-band{padding:24px}.portrait-shell,.teacher-photo,.product-image{height:360px;min-height:360px}.post-card .image-shell,.compare .image-shell{height:230px}.site-footer{text-align:center;flex-direction:column;gap:14px}.wechat-float{bottom:14px;right:14px}.wechat-trigger{width:52px;height:52px}.wechat-card{width:min(286px,100vw - 28px)}}
