html{scroll-behavior:smooth;}
body{font-family:var(--sans);background:var(--off-white);color:var(--ink);line-height:1.8;overflow-x:hidden;}
button:focus{outline:none}
.container{position: relative;max-width: 80%;}
a:hover{text-decoration: none;}
p,li{font-size: 20px;}
h1,h2,h3{font-family:var(--serif);font-weight:700;}
h1{font-size:50px;line-height:1.35;color:var(--bule);letter-spacing:-.01em;}
h1 em{font-style:normal;color:var(--gold-300);}
h2{font-size: 3rem;color:var(--navy-800);line-height:1.4;}
h2 .accent{color:var(--navy-500);}
h2 .light-accent{color:var(--gold-200);}
h3{font-size: 25px;font-weight: 400;color:var(--navy-800);line-height:1.5;}
h4{line-height: 1.8;}
h6{font-size: 1.8rem;}
#Footer li{font-size: 15px !important;}

:root{
  --navy-900:#0a1628;--navy-800:#0f2044;--navy-700:#153060;--navy-600:#1a4080;--navy-500:#2055a8;--navy-400:#2d6bc4;--navy-50:#e8f1fb;--bule:#1d3d72;
  --gold-600:#c67f00;--gold-500:#e09800;--gold-400:#f0b429;--gold-300:#f5c842;--gold-200:#fad97a;--bulebg:#1d3d72;
  --white:#fff;--off-white:#f7f8fa;--light:#eef2f8;--muted:#5a6a84;--border:#d0dae8;--ink:#0d1b35;    
  --serif:'Noto Serif TC',serif;--sans:'Noto Sans TC',sans-serif;--mono:'DM Mono',monospace;}



/* 共用 */
.section-space{padding:84px 0;}
.section-inner{max-width:880px;}
.section-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--navy-500);margin-bottom:12px;display:flex;align-items:center;}
.section-label:before{content:'';display:inline-block;width:24px;height:1.5px;background:var(--gold-500);margin-right:10px;}
.section-label.label-center{justify-content:center;color:var(--gold-400);}
.section-label.label-center:before{display:none;}

.divider{width:40px;height:2px;background:linear-gradient(90deg,var(--gold-500),var(--gold-200));margin:0 0 40px;border-radius:1px;}
.bg-light-blue{background:var(--light);}
.bg-deep-blue{background:var(--bulebg);}
.bg-off-white{background:var(--off-white);}
.text-muted-ba{color:var(--muted);}
.text-white{color:var(--white);}


/* Hero */
.hero{position:relative;overflow:hidden;min-height: 85vh;padding: 0;background: url("../images/imageB.png") no-repeat top center;background-size: cover;}
.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(240,180,41,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(240,180,41,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;}
.hero:after{content:'';position:absolute;right:-120px;top:-120px;width:500px;height:500px;border-radius:50%;border:1px solid rgba(240,180,41,.12);pointer-events:none;}
.hero-inner {position: relative;z-index: 1;min-height: 85vh;}
.hero-grid {min-height: 85vh;display: flex;align-items: center;justify-content: flex-start;}
.hero-copy {width: 47%;max-width: 700px;margin-left: 6%;}
.hero-copy h1 {margin-bottom: 0;font-size:50px;color: var(--bule);}
.hero-copy h1 span {color: #fff;position: relative;font-size:36px;padding: 0 6px;}
.hero-copy h1 span:before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: 100%;background-image: -webkit-gradient(linear, left top, right top, from(#5380db), color-stop(31%, #8594c0), to(#ffc480));background-image: linear-gradient(to right, #5380db 0%, #8594c0 31%, #ffc480);
z-index: -1;}
.hero .header-sub {background-color: rgba(255,255,255,.95);margin: 30px 0 0;padding: 20px;border-radius: 8px;border: 2px solid #ead1a3;color: var(--ink);line-height: 1.8;text-align: justify;}



/* Cards */
#pain-points{position: relative;background:var(--bulebg);}
#pain-points:before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("../images/bg_contact-box.svg") no-repeat center;background-size: cover;z-index: 0;background-attachment: fixed;}
.pain-lead{color:#FFF;line-height:1.95;margin-bottom:44px;padding-left:24px;border-left:3px solid var(--gold-400);}
.pain-lead strong{color:var(--gold-200);font-weight:600;}
.pain-card,.course-card,.review-card{background:var(--white);border:1px solid var(--border);border-radius:4px;height:100%;}
.pain-card{border-top:3px solid var(--navy-500);padding:28px 22px;transition:box-shadow .2s;}
.pain-card:hover,.course-card:hover{box-shadow:0 12px 40px rgba(21,48,96,.1);}
.pain-icon{width:120px;font-size:17px;margin-bottom:14px;margin: auto;}
.pain-card p,.course-card p{color:var(--muted);line-height:1.75;}
.title_icon{margin-bottom: 16px;width: 100%;}

/* Roadmap */
#strategy{position: relative;}
#strategy:before {content: "";width: 100%;height: 100%;position: absolute;bottom: 5%;right: 5%;background: url("../images/BG02.png") no-repeat right bottom;background-size: 15%;z-index: 0;}
.strategy-body{color:var(--muted);line-height:1.9;margin-bottom:44px;}
.roadmap{position:relative;}
.roadmap:before{content:'';position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--navy-500),var(--gold-400));}
.roadmap-step{position:relative;padding-bottom:36px;}
.step-dot{width:54px;height:54px;border-radius:50%;background:var(--navy-800);border:2px solid var(--gold-400);color:var(--gold-300);font-family:var(--mono);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex:0 0 54px;}
.step-tag{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--gold-600);margin-bottom:4px;}
.step-content p{color:var(--muted);margin-top:4px;line-height:1.75;}

/* Course */
#courses{position: relative;background:var(--bulebg);}
#courses:before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("../images/bg_contact-box.svg") no-repeat center;background-size: cover;z-index: 0;background-attachment: fixed;}
.course-card{padding:32px 26px;position:relative;transition:box-shadow .25s,transform .25s;overflow:hidden;}
.course-card:before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background-image: -webkit-gradient(linear, left top, right top, from(#5380db), color-stop(31%, #8594c0), to(#ffc480));}
.course-card:hover{transform:translateY(-3px);}
.course-badge{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--navy-800);color:var(--gold-300);padding:4px 10px;border-radius:2px;display:inline-block;margin-bottom:16px;}
.skill-list{list-style:none;padding-left:0;margin-bottom:0;}
.skill-list li{color:var(--ink);display:flex;align-items:flex-start;line-height:1.55;margin-bottom:7px;}
.skill-list li:before{content:'→';color:var(--gold-600);font-family:var(--mono);font-size:11px;margin-top:2px;margin-right:8px;flex:0 0 auto;}

.course-title {
  font-size: 28px;
  color: #1f2b3d;
  margin-bottom: 8px;
  line-height: 1.4;
}

.teacher-name {
  font-size: 20px;
  color: #3f5268;
  margin-bottom: 18px;
}

.teacher-name::before {
  content: "";
}

/* testimonials-grid */
.testimonials-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 32px;}
.testimonial-card {position: relative;background: #ffffff;border-radius: 28px;padding: 30px 32px 28px;box-shadow: 0 10px 30px rgba(20, 31, 56, 0.08);overflow: hidden;}
.quote-mark {position: absolute;top: 18px;right: 24px;font-size: 110px;line-height: 1;font-weight: 700;color: rgba(0, 0, 0, 0.05);pointer-events: none;}
.testimonial-head {display: flex;align-items: center;gap: 18px;margin-bottom: 22px;position: relative;z-index: 1;}
.testimonial-avatar {width: 86px;height: 86px;border-radius: 50%;overflow: hidden;flex-shrink: 0;border: 4px solid #ffffff;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10);}
.testimonial-avatar img {width: 100%;height: 100%;object-fit: cover;display: block;}
.testimonial-meta h3 {margin: 0 0 10px;font-size: 24px;line-height: 1.2;color: #2f3342;font-weight: 700;}
.testimonial-course {display: inline-block;padding: 8px 14px;border-radius: 12px;background: #f4efff;border: 1px solid #e4d9ff;color: #5c43a8;font-size: 15px;line-height: 1.5;margin-top: 20px;}
.testimonial-body {position: relative;z-index: 1;color: #000;font-size: 16px;line-height: 2;letter-spacing: 0.2px;}

/* Reviews */
.review-card{padding:26px 22px 22px;position:relative;}
.review-card:before{content:'"';font-family:var(--serif);font-size:56px;color:var(--gold-200);line-height:1;position:absolute;top:6px;left:16px;opacity:.7;}
.review-text{color:#000;line-height:1.8;padding-top:22px;margin-bottom:14px;}
.review-meta{font-family:var(--mono);color:var(--navy-400);letter-spacing:.08em;}
.pmi-note{margin-top:40px;background:var(--navy-900);padding:28px 36px;border-radius:4px;border:1px solid rgba(240,180,41,.18);}
.pmi-badge{font-family:var(--mono);background:var(--gold-500);color:var(--navy-900);padding:8px 16px;border-radius:2px;font-weight:500;white-space:nowrap;letter-spacing:.05em;display:inline-block;}
.pmi-note p{color:#FFF;line-height:1.75;margin-bottom:0;}

/* ROI */
.roi-card{padding:30px 26px;border-radius:4px;border:1px solid;height:100%;}
.roi-card.neg{background:#f4f7fc;border-color:var(--border);}
.roi-card.pos{background:var(--navy-900);border-color:rgba(240,180,41,.25);}
.roi-card-label{font-family:var(--mono);font-size:20px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;}
.roi-card.neg .roi-card-label{color:var(--muted);}
.roi-card.pos .roi-card-label{color:var(--gold-400);}
.roi-card ul{list-style:none;padding-left:0;margin-bottom:0;}
.roi-card li{display:flex;align-items:flex-start;line-height:1.6;margin-bottom:10px;}
.roi-card.neg li{color:var(--muted);}
.roi-card.pos li{color:rgba(255,255,255,.75);}
.roi-card.neg li:before{content:'✕';color:#8c9dba;margin-right:10px;flex:0 0 auto;}
.roi-card.pos li:before{content:'✓';color:var(--gold-400);margin-right:10px;flex:0 0 auto;}

/* FAQ */
.faq-list{margin-top:40px;border:1px solid var(--border);border-radius:4px;overflow:hidden;}
.faq-q{width:100%;text-align:left;background:var(--white);border:0;border-bottom:1px solid var(--border);padding:20px 26px;cursor:pointer;font-family:var(--sans);font-size:20px;font-weight:500;color:var(--navy-800);line-height:1.5;}
.faq-q:hover{background:var(--navy-50);}
.faq-arrow{font-family:var(--mono);font-size:18px;color:var(--gold-600);}
.faq-a{padding:18px 26px 22px;font-size:20px;color:#000;line-height:1.85;background:var(--off-white);}
.tooltip-icon {display: inline-block;cursor: pointer;}
.tag-gray {display: inline-block;padding: 2px 8px;background: #dcdddd;border-radius: 4px;line-height: 1.4;color: #333;}
/* CTA */
.cta-section{background:var(--navy-900);padding:88px 0;text-align:center;position:relative;overflow:hidden;}
.cta-section:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(240,180,41,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(240,180,41,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;}
.cta-section h2{color:var(--white);}
.cta-section h2 .accent{color:var(--gold-300);}

/* btnLink */
section#btnLink{position: relative;background:var(--bulebg);}
section#btnLink:before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("../images/bg_contact-box.svg") no-repeat center;background-size: cover;z-index: 0;background-attachment: fixed;}
section#btnLink button{width: 100%; margin: 15px auto 25px auto; display: block;background-image: -webkit-gradient(linear, left top, right top, from(#5380db), color-stop(31%, #8594c0), to(#ffc480));color:#FFF; border: 4px solid #FFF; border-radius: 50px; padding: 1px 20px; font-weight: bold; font-size:1.6rem;height: 72px;}
section#btnLink button:hover{transform: translateY(5px);opacity: 0.6;}
section#btnLink .row{margin: 0;}
    
      
@media(min-width: 1441px){
.container {max-width: 1320px;}
}

@media(max-width: 1440px) {
.hero-copy h1 span {font-size:28px;}
}

@media (max-width: 1200px) {
.hero-copy h1 span {font-size:24px;}
}

@media(max-width: 767px){
.container{max-width: 100%;}
        
.section-space{padding:60px 0;}.hero{padding:68px 0 56px;}
h1{font-size:30px;}h2{font-size:25px;}.hero-desc{font-size:15px;}
.stat-item{border-right:0;margin-bottom:24px;}
.instructor-block{padding:28px 24px;}
.pmi-badge{white-space:normal;}
.btn-ba-primary{display:block;padding:16px 22px;}
.btn-ba-secondary{display:block;}

.hero {min-height: auto;padding: 70px 0 60px;background-position: center top;background-size: cover;}
.hero-grid {min-height: auto;display: block;}
.hero-copy {width: 100%;max-width: none;margin: 0 auto;}
.hero-copy h1 {font-size: 30px;line-height: 1.45;text-align: center;text-shadow:2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff;}
.hero-copy h1 span {position: relative;font-size:16px;text-shadow: none;}
.hero .header-sub {margin-top: 24px;padding: 18px;font-size: 15px;line-height: 1.75;}


/* testimonial-card */
.testimonials-grid {grid-template-columns: 1fr;gap: 20px;}
.testimonial-card {border-radius: 20px;padding: 24px 20px;}
.testimonial-head {flex-direction: column;align-items: center;text-align: center;gap: 14px;margin-bottom: 18px;}
.testimonial-avatar {width: 78px;height: 78px;}
.testimonial-meta h3 {font-size: 22px;line-height: 1.3;}
.testimonial-course {margin-top: 8px;font-size: 14px;line-height: 1.5;padding: 7px 12px;}
.testimonial-body {font-size: 15px;line-height: 1.8;text-align: left;}
.quote-mark {font-size: 80px;top: 12px;right: 18px;}
.highlight2 {font-size: 1.1rem;}

/* btnLink */
#btnLink .card{flex-direction: column;}
section#btnLink .btn{width: 100%;}
section#btnLink button{font-size: 1.2rem;}

        
}