/* /9300 2026-08-23 精準修正。
   使用獨立檔名避開舊 course-9300.css 的長效快取；選單尺寸完全沿用首頁。 */

/* 成交路徑微調：只收斂字級與字重，不更動原有區塊結構。 */
.course-9300{
  --fs-section:clamp(1.75rem,2.8vw,2.2rem);
  --fs-sub:1rem;
  --fs-body:1rem;
  --lh-section:1.3;
  --lh-body:1.875;
}
.course-9300 .c9-h2{font-weight:400;letter-spacing:.04em}
.course-9300 .c9-hero h1{
  font-size:clamp(2.45rem,3.5vw,2.8125rem);
  line-height:1.22;
  font-weight:400;
  letter-spacing:.08em;
}
.course-9300 .c9-h1-sub{font-size:1rem;line-height:1.875}
.course-9300 .c9-hero-line{
  margin-top:clamp(1.8rem,4.5vh,2.8rem);
  font-size:clamp(1.125rem,1.7vw,1.35rem);
  line-height:1.85;
  font-weight:400;
}
.course-9300 .c9-hero .c9-btn{margin-top:clamp(2rem,5vh,3rem)}
.course-9300 .c9-statement p{font-weight:400;letter-spacing:.04em}

/* 首屏只補最需要的決策資訊，不另做卡片。 */
.c9-hero-facts{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  margin:clamp(1.1rem,2.6vh,1.5rem) 0 0;
  color:rgba(245,241,233,.78);
  font-size:13px;
  line-height:1.6;
  letter-spacing:.08em;
}
.c9-hero-facts span,.c9-hero-facts strong{font-weight:400;white-space:nowrap}
.c9-hero-facts span+span::before,.c9-hero-facts strong::before{
  content:"";
  display:inline-block;
  width:1px;
  height:11px;
  margin:0 13px;
  background:rgba(217,200,171,.5);
  vertical-align:-1px;
}
.c9-hero-facts strong{color:var(--c9-gold);font-weight:600}

/* 首頁同款漢堡選單：44×40，三條 24×1.5，桌機與手機位置由既有 1080px shell 決定。 */
.course-9300 .c9-topbar{position:relative;z-index:500}
.course-9300 .c9-topbar .hamburger{
  display:flex;
  flex:0 0 44px;
  align-items:center;
  justify-content:center;
  width:44px;
  height:40px;
  margin:0;
  padding:0 14px;
  border:0;
  background:transparent;
  color:#f5f1e9;
  cursor:pointer;
}
.course-9300 .c9-topbar .hamburger:hover{background:transparent}
.course-9300 .c9-topbar .hamburger:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.course-9300 .c9-topbar .hamburger .hamburger-lines{display:flex;flex-direction:column;gap:6px}
.course-9300 .c9-topbar .hamburger .hamburger-lines span{
  display:block;
  width:24px;
  height:1.5px;
  margin:0;
  background:currentColor;
  transition:.25s ease;
}
.course-9300 .c9-topbar .hamburger.open .hamburger-lines span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.course-9300 .c9-topbar .hamburger.open .hamburger-lines span:nth-child(2){opacity:0;transform:scaleX(0)}
.course-9300 .c9-topbar .hamburger.open .hamburger-lines span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.course-9300 .mobile-overlay{
  display:none;
  position:fixed;
  inset:0;
  z-index:480;
  background:rgba(23,19,15,.28);
  backdrop-filter:blur(2px);
}
.course-9300 .mobile-overlay.open{display:block}
.course-9300 .mobile-menu{
  display:none;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:490;
  width:min(300px,85vw);
  padding:80px 28px 120px;
  flex-direction:column;
  gap:6px;
  overflow-y:auto;
  background:rgba(251,250,247,.98);
  border-left:1px solid var(--site-line);
  backdrop-filter:blur(24px);
  transform:translateX(100%);
  transition:transform .3s cubic-bezier(.4,0,.2,1);
}
.course-9300 .mobile-menu.open{display:flex;transform:translateX(0)}
.course-9300 .mobile-menu a{
  padding:14px 18px;
  border:1px solid transparent;
  border-radius:14px;
  color:var(--site-ink);
  font-family:"Noto Serif TC","Songti TC",serif;
  font-size:16px;
  font-weight:600;
  letter-spacing:.08em;
  line-height:1.9;
  text-decoration:none;
  transition:.18s ease;
}
.course-9300 .mobile-menu a:hover{background:rgba(23,19,15,.05);color:var(--site-ink);border-color:transparent}
.course-9300 .mobile-menu .mobile-divider{height:1px;margin:12px 0;background:var(--site-line)}
.course-9300 .mobile-menu .mobile-cta{
  margin-top:16px;
  padding:16px 18px;
  border:0;
  border-radius:16px;
  background:var(--site-ink);
  color:#fffaf2;
  font-size:15px;
  font-weight:600;
  text-align:center;
}

/* 常見卡點：精品目錄式單行文字軌道，不使用膠囊卡片。 */
.course-9300 .c9-problems{overflow:hidden;padding:clamp(4.5rem,9vw,7rem) 0;scroll-margin-top:58px}
.course-9300 .c9-problems .c9-section-head{margin-bottom:clamp(2.8rem,6vw,4.6rem)}
.c9-problem-rail{
  position:relative;
  overflow:hidden;
  padding:clamp(1.3rem,2.5vw,1.7rem) 0;
  border-top:1px solid rgba(156,119,64,.5);
  border-bottom:1px solid rgba(156,119,64,.5);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.c9-problem-track{
  display:flex;
  align-items:center;
  width:max-content;
  animation:c9-problem-scroll 70s linear infinite;
  will-change:transform;
}
.c9-problem-rail:hover .c9-problem-track{animation-play-state:paused}
.c9-problem-track span{
  display:flex;
  flex:none;
  align-items:center;
  gap:13px;
  padding:0 clamp(2rem,4vw,3.6rem);
  color:#28231c;
  font-family:"Noto Serif TC","Songti TC",serif;
  font-size:clamp(1rem,1.65vw,1.28rem);
  font-weight:500;
  letter-spacing:.035em;
  line-height:1.7;
  white-space:nowrap;
}
.c9-problem-track span::after{
  content:"";
  width:4px;
  height:4px;
  margin-left:clamp(2rem,4vw,3.6rem);
  background:var(--site-gold);
  transform:rotate(45deg);
}
.c9-problem-track em{
  color:var(--site-gold);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang TC",sans-serif;
  font-size:10px;
  font-style:normal;
  font-weight:700;
  letter-spacing:.2em;
}
@keyframes c9-problem-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* 單一示範互動：四個節點共用一條細金線與一個內容區，不堆卡片。 */
.c9-command-demo{padding-top:clamp(4.5rem,8vw,6rem);padding-bottom:clamp(2.5rem,5vw,4rem)}
.c9-command-flow{max-width:920px;margin:0 auto;text-align:center}
.c9-command-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0;
  padding:0;
}
.c9-command-track::before,.c9-command-track::after{
  content:"";
  position:absolute;
  top:8px;
  left:12.5%;
  width:75%;
  height:1px;
  transform-origin:left center;
}
.c9-command-track::before{background:rgba(156,119,64,.24)}
.c9-command-track::after{
  background:linear-gradient(90deg,var(--site-gold),#c8b38c);
  transform:scaleX(0);
  transition:transform 1.15s cubic-bezier(.22,.61,.36,1);
}
.c9-command-flow.in-view .c9-command-track::after{transform:scaleX(1)}
.c9-command-track button{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:13px;
  margin:0;
  padding:0 6px;
  border:0;
  background:transparent;
  color:var(--site-muted);
  font:inherit;
  font-size:14px;
  line-height:1.55;
  letter-spacing:.04em;
  cursor:pointer;
  transition:color .25s ease;
}
.c9-command-track button::before{
  content:"";
  width:9px;
  height:9px;
  border:1px solid var(--site-gold);
  border-radius:50%;
  background:var(--site-ivory);
  box-shadow:0 0 0 6px var(--site-ivory);
  transition:background .25s ease,transform .25s ease;
}
.c9-command-track button:hover,.c9-command-track button:focus-visible,.c9-command-track button.is-active{color:var(--site-ink)}
.c9-command-track button:focus-visible{outline:0}
.c9-command-track button:focus-visible::before{box-shadow:0 0 0 6px var(--site-ivory),0 0 0 8px rgba(156,119,64,.42)}
.c9-command-track button.is-active::before{background:var(--site-gold);transform:scale(1.18)}
.c9-command-index{display:none}
.c9-command-copy{
  min-height:152px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  max-width:720px;
  margin:clamp(2.7rem,5vw,4rem) auto 0;
  padding:28px 30px 24px;
  border-top:1px solid rgba(156,119,64,.5);
  border-bottom:1px solid rgba(156,119,64,.22);
}
.c9-command-copy p{margin:0;font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.85;letter-spacing:.035em;text-wrap:balance}
.c9-command-copy span{display:block;margin-top:10px;color:var(--site-muted);font-size:13.5px;line-height:1.75}
.c9-command-copy.is-entering{animation:c9-command-copy-in .38s ease both}
.c9-command-caption{margin:15px 0 0;color:var(--site-muted);font-size:12.5px;line-height:1.7}
@keyframes c9-command-copy-in{from{opacity:.15;transform:translateY(6px)}to{opacity:1;transform:none}}

/* 方法形成路徑：不用卡片，僅以細金線連起三個節點。 */
.c9-method-path{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:960px;
  margin:0 auto;
  padding:0;
  list-style:none;
}
.c9-method-node{
  position:relative;
  min-width:0;
  padding:42px clamp(18px,3vw,36px) 0;
  text-align:center;
}
.c9-method-node::before{
  content:"";
  position:absolute;
  top:8px;
  left:50%;
  z-index:2;
  width:9px;
  height:9px;
  border:1px solid var(--site-gold);
  border-radius:50%;
  background:var(--site-gold);
  transform:translate(-50%,-50%) scale(1);
  transition:background .45s ease,transform .45s ease;
}
.c9-method-node::after{
  content:"";
  position:absolute;
  top:7.5px;
  left:50%;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,var(--site-gold),rgba(156,119,64,.32));
  transform:none;
  transform-origin:left center;
  transition:transform .9s cubic-bezier(.22,.61,.36,1) .12s;
}
.c9-method-node:last-child::after{display:none}
.c9-reveal-ready .c9-method-node.reveal::before{background:var(--site-ivory);transform:translate(-50%,-50%) scale(.65)}
.c9-reveal-ready .c9-method-node.reveal::after{transform:scaleX(0)}
.c9-reveal-ready .c9-method-node.reveal.in-view::before{background:var(--site-gold);transform:translate(-50%,-50%) scale(1)}
.c9-reveal-ready .c9-method-node.reveal.in-view::after{transform:scaleX(1)}
.c9-method-index{display:block;margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.24em;color:var(--site-gold)}
.c9-method-node h3{margin:0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55;font-weight:700}
.c9-method-node p{max-width:18em;margin:12px auto 0;color:var(--site-muted);font-size:14.5px;line-height:1.85}

/* 工作情境卡縮小：移除多餘標籤後，只保留場景與一句用途。 */
.course-9300 .c9-six{gap:14px}
.course-9300 .c9-six-card{min-height:112px;padding:18px 20px}
.course-9300 .c9-six-card h3{margin:0 0 6px;font-size:20px;line-height:1.5}
.course-9300 .c9-six-card p{font-size:14px;line-height:1.7}

/* 學員原話不改，只增加一眼可掃讀的重點；付款資訊旁直接解除退費疑慮。 */
.course-9300 .c9-voice{padding:24px 24px 22px;border-top-width:1px}
.course-9300 .c9-voice::before{top:12px;right:18px;font-size:52px}
.c9-voice-focus{margin:0 0 12px;color:var(--site-gold);font-size:11px;font-weight:700;line-height:1.6;letter-spacing:.13em}
.course-9300 .c9-voice blockquote{font-size:15px;line-height:1.95}
.c9-assurance{display:flex;flex-direction:column;gap:2px;margin:14px 0 0;color:var(--site-muted);font-size:12.5px;line-height:1.7}
.c9-assurance span::before{content:"✓";margin-right:8px;color:var(--site-gold);font-weight:700}

/* 專業頁尾：資訊架構沿用首頁與 /79800，色彩保留課程頁深墨藍。 */
.course-9300 .c9-footer{
  padding:80px 0 40px;
  border-top:1px solid rgba(245,241,233,.18);
  background:#0b1a24;
  color:#fff;
  font-size:14px;
  line-height:1.9;
  text-align:left;
}
.course-9300 .c9-footer .shell{width:min(1120px,calc(100% - 64px))}
.c9-footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,minmax(0,1fr));align-items:start}
.c9-footer-brand-col{padding-right:56px}
.c9-footer-brand-title{
  color:#fff;
  font-family:"Noto Serif TC","Songti TC",serif;
  font-size:22px;
  font-weight:400;
  letter-spacing:.12em;
  line-height:1.4;
}
.c9-footer-brand-desc{max-width:310px;margin-top:18px;color:rgba(245,241,233,.78);font-size:14px;line-height:1.9}
.c9-footer-col{min-height:100%;padding-left:32px;border-left:1px solid rgba(245,241,233,.24)}
.c9-footer-col h4{
  margin:0 0 20px;
  padding:0 0 12px;
  border-bottom:1px solid rgba(245,241,233,.24);
  color:#fff;
  font-size:13px;
  font-weight:400;
  letter-spacing:.2em;
  line-height:1.5;
}
.c9-footer-col a,.c9-footer-col a:visited{display:block;margin:0 0 12px;color:#fff;font-size:14px;line-height:1.65;text-decoration:none}
.c9-footer-col a[aria-current="page"]{color:var(--c9-gold)}
.c9-footer-col a:hover,.c9-footer-col a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.c9-footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:48px;
  padding-top:24px;
  border-top:1px solid rgba(245,241,233,.24);
  color:rgba(245,241,233,.82);
  font-size:13px;
}
.course-9300 .c9-footer-bottom p{margin:0;color:inherit}
.c9-footer-social{display:flex;gap:12px}
.c9-footer-social a,.c9-footer-social a:visited{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border:1px solid rgba(245,241,233,.78);
  border-radius:50%;
  color:#fff;
}
.c9-footer-social a:hover,.c9-footer-social a:focus-visible{background:rgba(245,241,233,.1)}
.course-9300 .c9-footer a:focus-visible{outline:1px solid #fff;outline-offset:4px}

@media(max-width:900px){
  .course-9300 .c9-topbar .hamburger{margin-left:auto}
  .c9-method-path{grid-template-columns:1fr;max-width:560px}
  .c9-method-node{padding:4px 0 38px 42px;text-align:left}
  .c9-method-node:last-child{padding-bottom:0}
  .c9-method-node::before{top:10px;left:5px}
  .c9-method-node::after{
    top:10px;
    left:4.5px;
    width:1px;
    height:100%;
    background:linear-gradient(180deg,var(--site-gold),rgba(156,119,64,.32));
    transform:none;
    transform-origin:top center;
  }
  .c9-reveal-ready .c9-method-node.reveal::after{transform:scaleY(0)}
  .c9-reveal-ready .c9-method-node.reveal.in-view::after{transform:scaleY(1)}
  .c9-reveal-ready .c9-method-node.reveal.in-view::before{transform:translate(-50%,-50%) scale(1)}
  .c9-method-node p{margin:10px 0 0;max-width:28em}
  .course-9300 .c9-six{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .course-9300 .c9-six-card{min-height:104px;padding:16px 14px}
  .course-9300 .c9-footer{padding-bottom:130px}
  .c9-footer-grid{grid-template-columns:1fr 1fr;gap:40px 24px}
  .c9-footer-brand-col{grid-column:1/-1;padding-right:0}
  .c9-footer-col{padding:24px 0 0;border-top:1px solid rgba(245,241,233,.24);border-left:0}
}

@media(max-width:520px){
  .course-9300{
    --fs-section:1.625rem;
    --fs-sub:1rem;
    --fs-body:.9375rem;
  }
  .course-9300 .c9-hero h1{font-size:2.45rem;line-height:1.18}
  .c9-hero-facts{max-width:330px;flex-wrap:wrap;row-gap:5px;font-size:11.5px;letter-spacing:.045em}
  .c9-hero-facts span+span::before,.c9-hero-facts strong::before{margin:0 8px;height:9px}
  .course-9300 .c9-problems{padding:4rem 0}
  .course-9300 .c9-problems .c9-section-head{margin-bottom:2.5rem}
  .c9-problem-rail{padding:1.1rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
  .c9-problem-track span{gap:10px;padding:0 1.65rem;font-size:1rem}
  .c9-problem-track span::after{margin-left:1.65rem}
  .course-9300 .c9-six-card h3{font-size:18px}
  .course-9300 .c9-six-card p{font-size:13.5px}
  .c9-command-track button{gap:10px;padding:0 2px;font-size:12.5px;letter-spacing:0}
  .c9-command-copy{min-height:176px;margin-top:2.5rem;padding:24px 16px 20px}
  .c9-command-copy p{font-size:1.05rem}
  .c9-command-copy span{font-size:12.5px}
  .course-9300 .c9-footer{padding:64px 0 130px}
  .course-9300 .c9-footer .shell{width:calc(100% - 44px)}
  .c9-footer-grid{grid-template-columns:1fr;gap:0}
  .c9-footer-brand-col{padding-bottom:28px}
  .c9-footer-col{padding:24px 0 12px}
  .c9-footer-bottom{align-items:flex-start;flex-direction:column;margin-top:28px}
}

@media(prefers-reduced-motion:reduce){
  .c9-problem-rail{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .c9-problem-track{animation:none;will-change:auto}
  .c9-problem-track .is-copy{display:none}
  .c9-method-node::before{background:var(--site-gold);transform:translate(-50%,-50%) scale(1);transition:none}
  .c9-method-node::after{transform:none;transition:none}
  .c9-command-track::after{transform:scaleX(1);transition:none}
  .c9-command-copy.is-entering{animation:none}
}