/* 覆盖layout的padding-top */
#app{padding-top:0!important}

/* 头部黑色背景（覆盖 layout.css 的半透明浮层，避免头部压在顶部大图上） */
.top_bg {
    position: relative;
    height: 135px;
    width: 100%;
    background: rgba(0, 0, 0, 1);
    z-index: 11;
}

.top_bg:before {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    bottom: 0;
    left: 0;
}

/* ========== 濡冨ス瀛﹀爞 ========== */

/* ===== 婊氬姩鍏ュ満鍔ㄧ敾 ===== */
@keyframes ftxt-fadeUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}
@keyframes ftxt-fadeLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}
@keyframes ftxt-fadeRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}
@keyframes ftxt-scaleIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes ftxt-widthGrow{from{width:0}to{width:60px}}
@keyframes ftxt-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

.ftxt-anim{opacity:0}
.ftxt-anim.ftxt-animated{animation-fill-mode:both;animation-duration:.8s}
.ftxt-anim--up.ftxt-animated{animation-name:ftxt-fadeUp}
.ftxt-anim--left.ftxt-animated{animation-name:ftxt-fadeLeft}
.ftxt-anim--right.ftxt-animated{animation-name:ftxt-fadeRight}
.ftxt-anim--scale.ftxt-animated{animation-name:ftxt-scaleIn}
.ftxt-anim-delay-1{animation-delay:.15s!important}
.ftxt-anim-delay-2{animation-delay:.3s!important}
.ftxt-anim-delay-3{animation-delay:.45s!important}
.ftxt-anim-delay-4{animation-delay:.6s!important}

/* ===== Banner ===== */
.ftxt-hero{position:relative;overflow:hidden;height:950px;max-width:100%;margin:0 auto;background:#000}
.ftxt-hero>img{position:absolute;left:50%;top:0;min-width:100%;height:100%;object-fit:cover;transform:translateX(-50%);opacity:0;transition:opacity 1s ease}
.ftxt-hero>img.show{opacity:1}

/* ===== 鏁版嵁缁熻鏉?===== */
.ftxt-stats{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);padding:60px 0;position:relative;overflow:hidden}
.ftxt-stats::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,124,.3),transparent)}
.ftxt-stats::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,124,.3),transparent)}
.ftxt-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:40px;position:relative;z-index:1}
.ftxt-stats-item{padding:20px 0}
.ftxt-stats-num{font-size:56px;font-weight:bold;color:#c9a87c;font-family:"DINOT",Arial,sans-serif;line-height:1}
.ftxt-stats-num span{font-size:22px;font-weight:normal;color:#c9a87c}
.ftxt-stats-label{font-size:15px;color:rgba(255,255,255,.6);margin-top:12px;letter-spacing:2px}
.ftxt-stats-item::after{content:'';display:block;width:30px;height:2px;background:rgba(201,168,124,.4);margin:15px auto 0}

/* ===== 瀛﹀爞绠€浠?===== */
.ftxt-about{position:relative;min-height:600px;overflow:hidden}
.ftxt-about-bg{position:absolute;top:0;left:0;width:100%;height:100%}
.ftxt-about-bg img{width:100%;height:100%;object-fit:cover;display:block}
.ftxt-about-overlay{position:relative;background:linear-gradient(135deg,rgba(20,15,8,.88) 0%,rgba(40,30,18,.82) 50%,rgba(20,15,8,.78) 100%);min-height:600px;display:flex;align-items:center;padding:100px 0}
.ftxt-about-inner{max-width:680px;position:relative;z-index:1}
.ftxt-about-badge{display:inline-block;padding:8px 24px;border:1px solid rgba(201,168,124,.4);color:#c9a87c;font-size:12px;letter-spacing:4px;border-radius:30px;margin-bottom:32px;font-family:"DINOT",Arial,sans-serif}
.ftxt-about-overlay h2{font-size:42px;color:#fff;font-weight:700;letter-spacing:3px;margin-bottom:16px}
.ftxt-about-line{width:60px;height:3px;background:#c9a87c;margin-bottom:28px}
.ftxt-about-overlay p{font-size:16px;color:rgba(255,255,255,.75);line-height:2;margin-bottom:12px}
.ftxt-about-tags{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.ftxt-about-tags span{padding:10px 24px;border:1px solid rgba(201,168,124,.3);color:rgba(255,255,255,.8);font-size:14px;border-radius:30px;letter-spacing:1px;transition:all .3s ease}
.ftxt-about-tags span:hover{background:rgba(201,168,124,.15);border-color:#c9a87c;color:#c9a87c}

/* ===== 閫氱敤妯″潡鏍囬 ===== */
.ftxt-section-header{text-align:center;margin-bottom:60px;position:relative}
.ftxt-section-header .en{font-size:44px;color:rgba(0,0,0,.03);font-weight:700;text-transform:uppercase;letter-spacing:4px;line-height:1}
.ftxt-section-header .cn{font-size:32px;color:#1a1a1a;font-weight:bold;margin-top:-12px;position:relative;letter-spacing:2px}
.ftxt-section-header .sub{font-size:14px;color:#999;letter-spacing:2px;margin-top:10px;display:block}
.ftxt-section-header em{display:block;width:0;height:3px;background:linear-gradient(90deg,#c9a87c,#e8d5b5);margin:18px auto 0;border-radius:2px}
.ftxt-section-header.ftxt-animated em{animation:ftxt-widthGrow .8s ease .3s forwards}

/* ===== 鐑棬璇剧▼ ===== */
.ftxt-courses{padding:100px 0;background:#fff}
.ftxt-courses-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.ftxt-course-featured{display:flex;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.08);transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative}
.ftxt-course-featured::before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#c9a87c,#e8d5b5);transform:scaleX(0);transition:transform .4s ease;transform-origin:left;z-index:1}
.ftxt-course-featured:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.15)}
.ftxt-course-featured:hover::before{transform:scaleX(1)}
.ftxt-course-fea-img{width:50%;flex-shrink:0;overflow:hidden;position:relative}
.ftxt-course-fea-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}
.ftxt-course-featured:hover .ftxt-course-fea-img img{transform:scale(1.08)}
.ftxt-course-fea-body{flex:1;padding:40px 32px;display:flex;flex-direction:column;justify-content:center}
.ftxt-course-fea-tag{display:inline-block;width:fit-content;background:linear-gradient(135deg,#c9a87c,#e8d5b5);color:#fff;padding:6px 18px;font-size:12px;border-radius:20px;letter-spacing:1px;margin-bottom:20px}
.ftxt-course-fea-body h3{font-size:24px;color:#1a1a1a;font-weight:700;margin-bottom:16px;transition:color .3s}
.ftxt-course-featured:hover .ftxt-course-fea-body h3{color:#c9a87c}
.ftxt-course-fea-body p{font-size:14px;color:#888;line-height:24px;margin-bottom:24px}
.ftxt-course-fea-meta{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #f0f0f0}
.ftxt-course-fea-meta span{font-size:14px;color:#aaa}
.ftxt-course-fea-meta strong{font-size:24px;color:#c9a87c;font-weight:700;font-family:"DINOT",Arial,sans-serif}

.ftxt-course-side{display:flex;flex-direction:column;gap:30px}
.ftxt-course-side-item{display:flex;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.08);transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative}
.ftxt-course-side-item::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;border:2px solid transparent;transition:border-color .3s;pointer-events:none;z-index:1}
.ftxt-course-side-item:hover{transform:translateX(8px);box-shadow:0 15px 45px rgba(0,0,0,.12)}
.ftxt-course-side-item:hover::before{border-color:rgba(201,168,124,.3)}
.ftxt-course-side-img{width:200px;flex-shrink:0;overflow:hidden}
.ftxt-course-side-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}
.ftxt-course-side-item:hover .ftxt-course-side-img img{transform:scale(1.08)}
.ftxt-course-side-body{flex:1;padding:24px 28px;display:flex;flex-direction:column;justify-content:center}
.ftxt-course-side-body h4{font-size:18px;color:#1a1a1a;font-weight:700;margin-bottom:12px;transition:color .3s}
.ftxt-course-side-item:hover .ftxt-course-side-body h4{color:#c9a87c}
.ftxt-course-side-meta{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f0f0f0}
.ftxt-course-side-meta span{font-size:13px;color:#aaa}
.ftxt-course-side-meta strong{font-size:20px;color:#c9a87c;font-weight:700;font-family:"DINOT",Arial,sans-serif}

/* ===== 鏁欏浼樺娍 ===== */
.ftxt-advantages{padding:100px 0;background:#111;position:relative;overflow:hidden}
.ftxt-adv-deco{position:absolute;top:-120px;right:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(201,168,124,.08) 0%,transparent 70%);border-radius:50%}
.ftxt-advantages .ftxt-section-header .en{color:rgba(255,255,255,.05)}
.ftxt-advantages .ftxt-section-header .cn{color:#fff}
.ftxt-advantages .ftxt-section-header .sub{color:rgba(255,255,255,.5)}
.ftxt-advantages .ftxt-section-header em{background:linear-gradient(90deg,#c9a87c,#e8d5b5)}
.ftxt-adv-row{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;z-index:1}
.ftxt-adv-card{padding:48px 32px 40px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:12px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}
.ftxt-adv-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#c9a87c,transparent);opacity:0;transition:opacity .4s}
.ftxt-adv-card:hover{background:rgba(255,255,255,.08);border-color:rgba(201,168,124,.3);transform:translateY(-8px)}
.ftxt-adv-card:hover::before{opacity:1}
.ftxt-adv-num{font-size:48px;font-weight:bold;color:rgba(201,168,124,.15);font-family:"DINOT",Arial,sans-serif;position:absolute;top:20px;right:24px;line-height:1;transition:color .3s}
.ftxt-adv-card:hover .ftxt-adv-num{color:rgba(201,168,124,.3)}
.ftxt-adv-icon{width:72px;height:72px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:all .4s;position:relative;z-index:1}
.ftxt-adv-card:hover .ftxt-adv-icon{background:linear-gradient(135deg,#c9a87c,#e8d5b5);transform:scale(1.1)}
.ftxt-adv-icon svg{width:32px;height:32px;stroke:#c9a87c;transition:stroke .3s}
.ftxt-adv-card:hover .ftxt-adv-icon svg{stroke:#fff}
.ftxt-adv-card h4{font-size:20px;color:#fff;font-weight:700;margin-bottom:14px;position:relative;z-index:1}
.ftxt-adv-card p{font-size:14px;color:rgba(255,255,255,.5);line-height:1.8;position:relative;z-index:1}

/* ===== 甯堣祫鍥㈤槦 ===== */
.ftxt-teachers{padding:100px 0;background:#f8f9fa}
.ftxt-teacher-list{display:flex;flex-direction:column;gap:24px}
.ftxt-teacher-row{display:flex;align-items:center;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 30px rgba(0,0,0,.06);transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative}
.ftxt-teacher-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#c9a87c,#e8d5b5);transform:scaleY(0);transition:transform .4s ease;transform-origin:top}
.ftxt-teacher-row:hover{transform:translateX(8px);box-shadow:0 12px 40px rgba(0,0,0,.1)}
.ftxt-teacher-row:hover::before{transform:scaleY(1)}
.ftxt-teacher-row:nth-child(even){flex-direction:row-reverse}
.ftxt-teacher-row:nth-child(even)::before{left:auto;right:0}
.ftxt-teacher-row-img{width:280px;flex-shrink:0;overflow:hidden;height:220px}
.ftxt-teacher-row-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}
.ftxt-teacher-row:hover .ftxt-teacher-row-img img{transform:scale(1.08)}
.ftxt-teacher-row-info{flex:1;padding:36px 40px;display:flex;align-items:center;gap:40px}
.ftxt-teacher-row:nth-child(even) .ftxt-teacher-row-info{flex-direction:row-reverse}
.ftxt-teacher-row-left{flex-shrink:0;text-align:center;min-width:140px}
.ftxt-teacher-row-left h4{font-size:22px;color:#1a1a1a;font-weight:700;margin-bottom:8px}
.ftxt-teacher-row-title{display:inline-block;font-size:12px;color:#fff;background:linear-gradient(135deg,#c9a87c,#e8d5b5);padding:5px 16px;border-radius:20px;letter-spacing:1px}
.ftxt-teacher-row-info p{font-size:15px;color:#666;line-height:2}

/* ===== 瀛﹀憳椋庨噰 ===== */
.ftxt-showcase{padding:100px 0;background:#fff}
.ftxt-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:280px 280px;gap:20px}
.ftxt-showcase-item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer}
.ftxt-showcase-item--tall{grid-row:span 2}
.ftxt-showcase-item--wide{grid-column:span 2}
.ftxt-showcase-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}
.ftxt-showcase-item:hover img{transform:scale(1.08)}
.ftxt-showcase-hover{position:absolute;bottom:0;left:0;width:100%;padding:20px 24px;background:linear-gradient(transparent,rgba(0,0,0,.6));transform:translateY(100%);transition:transform .4s ease}
.ftxt-showcase-item:hover .ftxt-showcase-hover{transform:translateY(0)}
.ftxt-showcase-hover span{color:#fff;font-size:14px;letter-spacing:2px}

/* ===== 瀛﹀憳璇勪环 ===== */
.ftxt-reviews{padding:100px 0;background:#f8f9fa}
.ftxt-reviews-list{display:flex;flex-direction:column;gap:24px}
.ftxt-review-row{display:flex;align-items:stretch;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 30px rgba(0,0,0,.05);transition:all .4s ease;position:relative}
.ftxt-review-row:hover{transform:translateX(8px);box-shadow:0 12px 40px rgba(0,0,0,.1)}
.ftxt-review-quote{font-size:120px;font-family:Georgia,serif;color:rgba(201,168,124,.1);line-height:1;padding:10px 20px 0 30px;flex-shrink:0;display:flex;align-items:flex-start}
.ftxt-review-content{flex:1;padding:36px 32px;display:flex;flex-direction:column;justify-content:center}
.ftxt-review-content p{font-size:15px;color:#555;line-height:28px;margin-bottom:20px;font-style:italic}
.ftxt-review-author{display:flex;align-items:center;gap:14px}
.ftxt-review-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#c9a87c,#e8d5b5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:bold;flex-shrink:0}
.ftxt-review-meta{display:flex;flex-direction:column}
.ftxt-review-meta strong{font-size:16px;color:#1a1a1a}
.ftxt-review-meta span{font-size:12px;color:#aaa;margin-top:2px}
.ftxt-review-stars{color:#f5a623;font-size:16px;letter-spacing:2px;padding:20px 30px;flex-shrink:0;display:flex;align-items:flex-start}

/* ===== CTA ===== */
.ftxt-cta{padding:120px 0;background:linear-gradient(135deg,#1a1a1a 0%,#2c2c2c 50%,#1a1a1a 100%);text-align:center;position:relative;overflow:hidden}
.ftxt-cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(201,168,124,.08) 0%,transparent 70%);border-radius:50%;animation:ftxt-float 6s ease-in-out infinite}
.ftxt-cta-inner{position:relative;z-index:1}
.ftxt-cta-en{font-size:14px;color:rgba(255,255,255,.3);letter-spacing:6px;margin-bottom:16px}
.ftxt-cta h2{font-size:40px;color:#fff;font-weight:700;letter-spacing:4px;margin-bottom:16px}
.ftxt-cta-line{width:60px;height:3px;background:#c9a87c;margin:0 auto 24px}
.ftxt-cta p{font-size:16px;color:rgba(255,255,255,.6);line-height:2;max-width:600px;margin:0 auto 40px}
.ftxt-cta-btns{display:flex;justify-content:center;gap:24px}
.ftxt-cta-btn{display:inline-block;height:54px;line-height:54px;padding:0 56px;background:#c9a87c;color:#fff;font-size:16px;font-weight:700;border-radius:30px;text-decoration:none;letter-spacing:3px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}
.ftxt-cta-btn::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 .6s ease}
.ftxt-cta-btn:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(201,168,124,.3)}
.ftxt-cta-btn:hover::before{left:100%}
.ftxt-cta-btn-ghost{background:transparent;color:#c9a87c;border:2px solid rgba(201,168,124,.5)}
.ftxt-cta-btn-ghost::before{background:linear-gradient(90deg,transparent,rgba(201,168,124,.1),transparent)}
.ftxt-cta-btn-ghost:hover{background:rgba(201,168,124,.1);border-color:#c9a87c}

/* ===== 鍝嶅簲寮?===== */
@media(max-width:1200px){
.ftxt-courses-grid{grid-template-columns:1fr}
.ftxt-adv-row{grid-template-columns:1fr}
.ftxt-teacher-row,.ftxt-teacher-row:nth-child(even){flex-direction:column}
.ftxt-teacher-row-img{width:100%;height:240px}
.ftxt-teacher-row-info{flex-direction:column!important;text-align:center}
.ftxt-showcase-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
.ftxt-showcase-item--tall,.ftxt-showcase-item--wide{grid-row:auto;grid-column:auto}
.ftxt-review-row,.ftxt-review-row:nth-child(even){flex-direction:column}
}

/* ========== 平板端 (max-width: 1024px) ========== */
@media(max-width:1024px){
.ftxt-hero{height:500px;margin-top:0}
.ftxt-stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}
.ftxt-stats-num{font-size:40px}
.ftxt-about-overlay{padding:60px 0;min-height:auto}
.ftxt-about-overlay h2{font-size:30px}
.ftxt-section-header .en{font-size:30px}
.ftxt-section-header .cn{font-size:24px}
.ftxt-courses{padding:60px 0}
.ftxt-course-fea-body{padding:24px 20px}
.ftxt-course-fea-body h3{font-size:20px}
.ftxt-course-side-img{width:150px}
.ftxt-course-side-body{padding:18px 20px}
.ftxt-course-side-body h4{font-size:16px}
.ftxt-advantages{padding:60px 0}
.ftxt-adv-card{padding:32px 24px 30px}
.ftxt-adv-card h4{font-size:18px}
.ftxt-teachers{padding:60px 0}
.ftxt-teacher-row-info{padding:24px;gap:20px}
.ftxt-showcase{padding:60px 0}
.ftxt-reviews{padding:60px 0}
.ftxt-review-content{padding:24px 20px}
.ftxt-cta{padding:80px 0}
.ftxt-cta h2{font-size:30px}
.ftxt-cta-btns{gap:16px;flex-wrap:wrap;justify-content:center}
}

/* ========== 手机端 (max-width: 768px) ========== */
@media(max-width:768px){
/* 让 hero 从屏幕顶部开始，header 半透明覆盖在上方，任何尺寸下都无间隙 */
body > div > #app{padding-top:0!important}
.ftxt-hero{height:auto!important;margin-top:0;background:transparent}
.ftxt-hero>img{position:relative;left:0;top:0;width:100%;height:auto;min-width:0;max-width:100%;object-fit:contain;transform:none;display:block}
.ftxt-stats{padding:40px 0}
.ftxt-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}
.ftxt-stats-num{font-size:28px}
.ftxt-stats-num span{font-size:14px}
.ftxt-stats-label{font-size:12px}
.ftxt-about-overlay{padding:40px 0}
.ftxt-about-badge{font-size:10px;padding:6px 16px}
.ftxt-about-overlay h2{font-size:22px;letter-spacing:1px}
.ftxt-about-overlay p{font-size:14px}
.ftxt-about-tags span{padding:6px 14px;font-size:12px}
.ftxt-section-header{margin-bottom:30px}
.ftxt-section-header .en{font-size:22px}
.ftxt-section-header .cn{font-size:18px;margin-top:-8px}
.ftxt-section-header .sub{font-size:12px}
.ftxt-courses{padding:40px 0}
.ftxt-course-featured{flex-direction:column}
.ftxt-course-fea-img{width:100%;height:200px}
.ftxt-course-fea-body{padding:20px}
.ftxt-course-fea-body h3{font-size:18px}
.ftxt-course-fea-body p{font-size:13px}
.ftxt-course-fea-meta span{font-size:12px}
.ftxt-course-fea-meta strong{font-size:18px}
.ftxt-course-side{gap:16px}
.ftxt-course-side-item{flex-direction:column}
.ftxt-course-side-img{width:100%;height:160px}
.ftxt-course-side-body{padding:16px 20px}
.ftxt-course-side-body h4{font-size:16px}
.ftxt-course-side-meta span{font-size:12px}
.ftxt-course-side-meta strong{font-size:16px}
.ftxt-advantages{padding:40px 0}
.ftxt-adv-card{padding:24px 16px;text-align:center}
.ftxt-adv-card h4{font-size:16px}
.ftxt-adv-card p{font-size:13px}
.ftxt-adv-num{font-size:32px}
.ftxt-adv-icon{width:56px;height:56px}
.ftxt-adv-icon svg{width:24px;height:24px}
.ftxt-teachers{padding:40px 0}
.ftxt-teacher-row-img{height:200px}
.ftxt-teacher-row-info{padding:20px;gap:16px}
.ftxt-teacher-row-left h4{font-size:18px}
.ftxt-teacher-row-info p{font-size:13px}
.ftxt-showcase{padding:40px 0}
.ftxt-showcase-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px;gap:12px}
.ftxt-showcase-hover span{font-size:12px}
.ftxt-reviews{padding:40px 0}
.ftxt-review-row{flex-direction:column}
.ftxt-review-quote{font-size:60px;padding:10px 20px}
.ftxt-review-content{padding:20px}
.ftxt-review-content p{font-size:14px}
.ftxt-review-stars{padding:10px 20px}
.ftxt-cta{padding:50px 0}
.ftxt-cta h2{font-size:22px;letter-spacing:2px}
.ftxt-cta p{font-size:14px;padding:0 15px}
.ftxt-cta-btns{flex-direction:column;align-items:center;gap:12px}
.ftxt-cta-btn{padding:0 40px;height:46px;line-height:46px;font-size:14px}
}

/* ========== 小屏手机 (max-width: 480px) ========== */
@media(max-width:480px){
.ftxt-hero{height:auto!important;margin-top:0}
.ftxt-stats-grid{grid-template-columns:1fr 1fr}
.ftxt-stats-num{font-size:24px}
.ftxt-about-overlay h2{font-size:18px}
.ftxt-about-tags{gap:8px}
.ftxt-about-tags span{padding:5px 12px;font-size:11px}
.ftxt-course-fea-img{height:180px}
.ftxt-course-side-img{height:140px}
.ftxt-showcase-grid{grid-template-columns:1fr;grid-template-rows:180px}
.ftxt-showcase-item--tall,.ftxt-showcase-item--wide{grid-row:auto;grid-column:auto}
.ftxt-review-quote{display:none}
}