.cc{--cream:#FFF6E6;--cream2:#FBE9C8;--navy:#1E3354;--ink:#17284A;--tx:#3A4A63;--sub:#66748C;--or:#F08A24;--or2:#D9741A;--blue:#DCE8F5;--line:rgba(30,51,84,.18);--white:#fff;
--sans:"Noto Sans TC",sans-serif;--ease:cubic-bezier(.22,1,.36,1);font-family:var(--sans);font-size:16px;color:var(--tx);background:var(--cream);letter-spacing:.04em;line-height:1.85;overflow-x:clip}
.cc *{box-sizing:border-box}.cc a{text-decoration:none;color:inherit}.cc img{display:block;max-width:100%}
.cc p,.cc h1,.cc h2,.cc h3,.cc h4,.cc ul,.cc ol,.cc figure,.cc details{margin:0}.cc p:empty{display:none !important}
.cc :where(.is-layout-flow,.is-layout-flex)>*{margin-block:0}
body:has(.cc){overflow-x:hidden;background:#FFF6E6}body:has(.cc) [data-vertical-spacing]{padding-top:0 !important;padding-bottom:0 !important}
body:has(.cc) .hero-section,body:has(.cc) .entry-header{display:none !important}
body:has(.cc) #footer,body:has(.cc) .ct-footer,body:has(.cc) #header,body:has(.cc) header.ct-header{display:none !important}
.cc{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw) !important;margin-right:0 !important}.cc>*{margin-block:0 !important}
.cc-w{max-width:1200px;margin-inline:auto !important;padding-inline:clamp(20px,4.5vw,56px)}
.cc-sec{padding-block:clamp(72px,9vw,128px);position:relative}
html:has(.cc){scroll-behavior:smooth}.cc [id]{scroll-margin-top:84px}
/* 範例聲明列＋導覽 */
.cc-top{background:var(--navy);color:#fff;text-align:center;font-size:13px;letter-spacing:.08em;padding:8px 16px;line-height:1.5}
.cc-top b{color:var(--or)}
.cc-nav{position:sticky;top:0;z-index:50;background:rgba(255,246,230,.92);backdrop-filter:blur(10px);border-bottom:2px solid var(--navy)}
.cc-nav .in{max-width:1200px;margin-inline:auto;padding:12px clamp(20px,4.5vw,56px);display:flex;align-items:center;gap:28px}
.cc-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:19px;color:var(--ink);letter-spacing:.06em}
.cc-logo i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--or);border:2px solid var(--navy);font-style:normal;font-size:18px;color:var(--navy)}
.cc .cc-menu{display:flex;gap:26px;list-style:none;padding:0;margin:0 0 0 auto}
.cc-nav .cc-menu a{font-size:14.5px;font-weight:700;color:var(--ink);padding:6px 2px;border-bottom:2px solid transparent;transition:border-color .3s}
.cc-nav .cc-menu a:hover{border-color:var(--or)}
/* 按鈕：貼紙風 */
.cc .cc-btn>.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 26px;border-radius:999px;border:2px solid var(--navy);background:var(--or);color:var(--navy);font:900 15.5px/1 var(--sans);letter-spacing:.06em;box-shadow:4px 4px 0 var(--navy);transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s;cursor:pointer}
.cc .cc-btn>.wp-block-button__link:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy);background:#FF9A33}
.cc .cc-btn>.wp-block-button__link:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--navy)}
.cc .cc-btn.sec>.wp-block-button__link{background:#fff}.cc .cc-btn.sec>.wp-block-button__link:hover{background:var(--blue)}
.cc .cc-btn.sm>.wp-block-button__link{min-height:42px;padding:0 20px;font-size:14px;box-shadow:3px 3px 0 var(--navy)}
.cc .cc-btn>.wp-block-button__link:focus-visible,.cc a:focus-visible,.cc summary:focus-visible,.cc button:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
/* 共用標題 */
.cc .cc-eyebrow{display:inline-block;margin-bottom:16px;padding:6px 14px;border:2px solid var(--navy);border-radius:999px;background:#fff;font:700 13px/1.4 var(--sans);letter-spacing:.12em;color:var(--navy);transform:rotate(-1.5deg)}
.cc .cc-h2{font:900 clamp(30px,3.8vw,52px)/1.3 var(--sans);letter-spacing:.02em;color:var(--ink);text-wrap:balance}
.cc .cc-h2 em{font-style:normal;background:linear-gradient(transparent 62%,rgba(240,138,36,.45) 62%)}
.cc .cc-lead{margin-top:16px;max-width:36em;font-size:clamp(16px,1.2vw,18px);color:var(--tx)}
.cc .cc-head{margin-bottom:clamp(36px,4.5vw,64px)}
/* 主視覺 */
.cc-hero{padding-block:clamp(40px,6vw,88px) clamp(48px,6vw,96px);background:radial-gradient(circle at 12% 18%,rgba(240,138,36,.14) 0 6px,transparent 7px) 0 0/34px 34px,var(--cream)}
.cc-hero .cc-w{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,80px);align-items:center}
.cc-hero h1.cc-h1{font:900 clamp(40px,5.6vw,78px)/1.2 var(--sans);letter-spacing:.01em;color:var(--ink);text-wrap:balance}
.cc-hero h1.cc-h1 em{font-style:normal;color:var(--or2);white-space:nowrap}
.cc-hero .cc-sub{margin-top:22px;max-width:30em;font-size:clamp(16px,1.3vw,19px);color:var(--tx)}
.cc-hero .cc-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.cc-stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(20px,3vw,44px);margin-top:44px;padding-top:26px;border-top:2px dashed var(--line)}
.cc-stats b{display:block;font:900 clamp(30px,3.2vw,44px)/1 var(--sans);color:var(--ink);letter-spacing:0}
.cc-stats b small{font-size:.55em;color:var(--or2);margin-left:2px}
.cc-stats span{display:block;margin-top:8px;font-size:13.5px;color:var(--sub)}
.cc-hero-r{position:relative;justify-self:center;width:min(100%,460px);padding:0 0 18px 18px}
.cc-hero-r:before{content:"";position:absolute;inset:6% -6% -2% 8%;background:var(--or);border:2px solid var(--navy);border-radius:50% 50% 36px 36px;z-index:0}
.cc-hero-r .cc-ph{position:relative;z-index:1;border:2px solid var(--navy);border-radius:28px;overflow:hidden;background:var(--cream);box-shadow:8px 8px 0 var(--navy)}
.cc-hero-r .cc-ph img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.cc-sticker{position:absolute;z-index:2;padding:10px 16px;border:2px solid var(--navy);border-radius:16px;background:#fff;font:900 14px/1.4 var(--sans);color:var(--ink);box-shadow:3px 3px 0 var(--navy)}
.cc-sticker small{display:block;font:500 12px/1.4 var(--sans);color:var(--sub)}
.cc-sticker.a{left:-6px;bottom:44px;transform:rotate(-4deg)}
.cc-sticker.b{right:-10px;top:26px;transform:rotate(3deg);background:var(--blue)}
/* 故事 */
.cc-story .cc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.cc-card{position:relative;background:#fff;border:2px solid var(--navy);border-radius:24px;overflow:hidden;box-shadow:6px 6px 0 var(--navy);transition:transform .4s var(--ease),box-shadow .4s var(--ease);display:flex;flex-direction:column}
@media (hover:hover){.cc-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--navy)}}
.cc-card .ph{aspect-ratio:3/2;overflow:hidden;border-bottom:2px solid var(--navy);background:var(--cream)}
.cc-card .ph img{width:100%;height:100%;object-fit:cover}
.cc-card .bd{padding:22px 24px 26px;display:flex;flex-direction:column;gap:8px;flex:1}
.cc-card .yr{align-self:flex-start;padding:2px 12px;border-radius:999px;background:var(--or);border:2px solid var(--navy);font:900 13px/1.7 var(--sans);color:var(--navy);letter-spacing:.08em}
.cc-card h3{font:900 21px/1.5 var(--sans);color:var(--ink)}
.cc-card p{font-size:15.5px;color:var(--tx)}
.cc .cc-quote{margin-top:clamp(32px,4vw,52px);padding:clamp(22px,3vw,34px) clamp(24px,3vw,44px);border:2px solid var(--navy);border-radius:24px;background:var(--blue);font:900 clamp(19px,1.9vw,26px)/1.6 var(--sans);color:var(--ink);text-wrap:balance}
.cc-quote span{color:var(--or2)}
/* 服務 */
.cc-svc{background:var(--cream2);border-block:2px solid var(--navy)}
.cc-svc .cc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.cc-svc .cc-card .no{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--or);border:2px solid var(--navy);font:900 17px/1 var(--sans);color:var(--navy)}
.cc-svc .cc-card .get{margin-top:6px;padding:14px 16px;border-radius:14px;background:var(--cream);border:2px dashed var(--line);font-size:14.5px}
.cc-svc .cc-card .get b{display:block;margin-bottom:2px;font-size:12.5px;letter-spacing:.14em;color:var(--or2)}
.cc-svc .cc-card .pr{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--navy);font-size:14px;color:var(--sub)}
.cc-svc .cc-card .pr b{font:900 22px/1 var(--sans);color:var(--ink);letter-spacing:0}
.cc-svc .cc-note,.cc .cc-note{margin-top:30px;text-align:center;font-weight:700;color:var(--ink)}
/* 履歷改前改後 */
.cc-ba .tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.cc-ba .tabs .wp-block-button__link{display:inline-flex;align-items:center;text-decoration:none;appearance:none;cursor:pointer;min-height:44px;padding:0 20px;border:2px solid var(--navy);border-radius:999px;background:#fff;font:700 15px/1 var(--sans);color:var(--ink);letter-spacing:.06em;transition:background .3s,transform .3s var(--ease)}
.cc-ba .tabs .wp-block-button__link:hover{transform:translateY(-2px)}
.cc-ba .tabs .is-on>.wp-block-button__link{background:var(--navy);color:#fff}
.cc-ba .pane{display:none}.cc-ba .pane.on{display:block;animation:ccIn .5s var(--ease)}
@keyframes ccIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.cc-ba .two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,26px)}
.cc-ba .doc{position:relative;padding:28px 28px 30px;border:2px solid var(--navy);border-radius:24px;background:#fff;box-shadow:6px 6px 0 var(--navy);min-height:200px}
.cc-ba .doc.bf{background:#F1ECE2;box-shadow:none;border-style:dashed}
.cc-ba .doc .tag{position:absolute;top:-16px;left:22px;padding:3px 16px;border:2px solid var(--navy);border-radius:999px;font:900 13px/1.8 var(--sans);letter-spacing:.1em;background:#fff;color:var(--navy)}
.cc-ba .doc.af .tag{background:var(--or)}
.cc-ba .doc .role{font:500 12.5px/1.4 var(--sans);letter-spacing:.14em;color:var(--sub);margin-bottom:10px}
.cc-ba .doc .tx{font-size:clamp(16px,1.3vw,18.5px);line-height:1.9;color:var(--ink)}
.cc-ba .doc.bf .tx{color:#7A7468}
.cc-ba mark{background:rgba(240,138,36,.38);color:inherit;padding:0 3px;border-radius:4px}
.cc-ba .why{margin:26px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cc-ba .why li{padding:14px 16px 14px 44px;position:relative;border-radius:16px;background:var(--blue);border:2px solid var(--navy);font-size:14.5px;line-height:1.7;color:var(--ink)}
.cc-ba .why li:before{content:"";position:absolute;left:14px;top:17px;width:20px;height:20px;border-radius:50%;background:var(--or);border:2px solid var(--navy)}
.cc-ba .why li:after{content:"";position:absolute;left:21px;top:21px;width:5px;height:9px;border:solid var(--navy);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.cc-ba .sample{margin-top:16px;font-size:13px;color:var(--sub)}
/* 方法 */
.cc-method .cc-w{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,5vw,80px);align-items:center}
.cc-quad{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border:2px solid var(--navy);border-radius:28px;background:#fff;box-shadow:8px 8px 0 var(--navy)}
.cc-quad>div{display:flex;flex-direction:column;justify-content:center;min-height:clamp(120px,13vw,170px);padding:18px 20px;border-radius:18px;font-size:14px;line-height:1.6;color:var(--tx)}
.cc-quad b{display:block;font:900 clamp(17px,1.6vw,22px)/1.3 var(--sans);color:var(--ink);margin-bottom:4px}
.cc-quad>div:nth-child(1){background:var(--blue)}.cc-quad>div:nth-child(2){background:var(--cream2)}.cc-quad>div:nth-child(3){background:var(--cream2)}.cc-quad>div:nth-child(4){background:var(--blue)}
.cc-quad .mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(78px,8vw,104px);aspect-ratio:1;border-radius:50%;background:var(--or);border:2px solid var(--navy);font:900 clamp(14px,1.3vw,17px)/1.3 var(--sans);color:var(--navy);text-align:center;min-height:0;padding:0;box-shadow:3px 3px 0 var(--navy)}
.cc-feat{display:grid;gap:14px;margin-top:30px}
.cc-feat>div{display:grid;grid-template-columns:48px 1fr;gap:4px 16px;align-items:start}
.cc-feat .i{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--or);border:2px solid var(--navy);font:900 18px/1 var(--sans);font-style:normal;color:var(--navy)}
.cc-feat .b{font:900 18px/1.5 var(--sans);color:var(--ink)}
.cc-feat .d{font-size:15px;color:var(--tx)}
/* 學員回饋 */
.cc-voice{background:var(--navy);color:#C9D4E6}
.cc-voice .cc-h2{color:#fff}.cc-voice .cc-h2 em{background:linear-gradient(transparent 62%,rgba(240,138,36,.6) 62%)}
.cc-voice .cc-eyebrow{background:var(--or);border-color:#fff;color:var(--navy)}
.cc-voice .cc-grid{columns:3;column-gap:clamp(14px,1.8vw,24px)}
.cc-voice .vc{break-inside:avoid;margin:0 0 clamp(14px,1.8vw,24px);padding:24px 24px 22px;border:2px solid #fff;border-radius:22px;background:#fff;color:var(--tx);box-shadow:5px 5px 0 var(--or)}
.cc-voice .vc .q{display:block;quotes:none;font-size:15.5px;line-height:1.85;color:var(--ink)}
.cc-voice .vc .who{margin-top:16px;display:flex;align-items:center;gap:12px}
.cc-voice .vc .av{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;border:2px solid var(--navy);font:900 16px/1 var(--sans);color:var(--navy)}
.cc-voice .vc .who b{display:block;font-size:15px;color:var(--ink);line-height:1.4}
.cc-voice .vc .who small{display:block;font-size:12.5px;color:var(--sub);line-height:1.5}
.cc-voice .av.c1{background:#F6C9A0}.cc-voice .av.c2{background:#DCE8F5}.cc-voice .av.c3{background:#FBE9C8}
.cc-voice .vc .hash{display:inline-block;margin-top:14px;padding:2px 12px;border-radius:999px;background:var(--blue);font:700 12.5px/1.8 var(--sans);color:var(--navy)}
/* 免費資源 */
.cc-free .cc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.cc-art{padding:26px 26px 24px;gap:10px;min-height:190px;display:flex;flex-direction:column}
.cc-art .k{align-self:flex-start;padding:2px 12px;border-radius:999px;background:var(--blue);border:2px solid var(--navy);font:700 12.5px/1.8 var(--sans);color:var(--navy);letter-spacing:.08em}
.cc-art h3{font:900 20px/1.5 var(--sans);color:var(--ink)}
.cc-art .m{margin-top:auto;font-size:13px;color:var(--sub)}
.cc-news{margin-top:clamp(28px,3.5vw,44px);display:grid;grid-template-columns:1fr auto;gap:20px 40px;align-items:center;padding:clamp(24px,3vw,38px);border:2px solid var(--navy);border-radius:24px;background:var(--or);box-shadow:6px 6px 0 var(--navy)}
.cc-news h3{font:900 clamp(20px,2vw,27px)/1.4 var(--sans);color:var(--navy)}
.cc-news p{margin-top:6px;font-size:15px;color:var(--navy)}
.cc-news form{display:flex;gap:10px;flex-wrap:wrap}
.cc-news input{min-height:50px;width:min(280px,100%);padding:0 18px;border:2px solid var(--navy);border-radius:999px;background:#fff;font:500 15px/1 var(--sans);color:var(--ink)}
.cc-news input:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.cc-news .msg{grid-column:1/-1;font-size:13.5px;font-weight:700;color:var(--navy);min-height:1.4em}
.cc-news .cc-subbtn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;border:2px solid var(--navy);background:var(--navy);color:#fff;font:900 15.5px/1 var(--sans);letter-spacing:.06em;box-shadow:3px 3px 0 #fff;cursor:pointer}
/* FAQ */
.cc-faq .cc-w{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,80px);align-items:start}
.cc-faq details{border:2px solid var(--navy);border-radius:18px;background:#fff;margin-bottom:12px;transition:box-shadow .3s}
.cc-faq details[open]{box-shadow:5px 5px 0 var(--navy)}
.cc-faq summary{cursor:pointer;list-style:none;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;font:900 17px/1.5 var(--sans);color:var(--ink)}
.cc-faq summary::-webkit-details-marker{display:none}
.cc-faq summary:after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--or);border:2px solid var(--navy);font:900 20px/1 var(--sans);color:var(--navy);transition:transform .3s var(--ease)}
.cc-faq details[open] summary:after{transform:rotate(45deg)}
.cc-faq details p{padding:0 22px 20px;font-size:15.5px}
/* 預約 */
.cc-book{background:var(--navy);color:#C9D4E6;border-top:2px solid var(--navy);text-align:center}
.cc-book .cc-h2{color:#fff;margin-inline:auto}.cc-book .cc-eyebrow{background:var(--or);border-color:#fff}
.cc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px);margin:clamp(32px,4vw,52px) auto;max-width:960px;text-align:left}
.cc-steps>div{position:relative;padding:24px 24px 24px 24px;border:2px solid #fff;border-radius:22px;background:rgba(255,255,255,.06)}
.cc-steps .n{display:grid;place-items:center;width:40px;height:40px;margin-bottom:12px;border-radius:50%;background:var(--or);border:2px solid #fff;font:900 16px/1 var(--sans);color:var(--navy)}
.cc-steps h3{font:900 19px/1.5 var(--sans);color:#fff}.cc-steps p{margin-top:4px;font-size:14.5px;color:#C9D4E6}
.cc-book .cc-btn>.wp-block-button__link{box-shadow:4px 4px 0 #fff;border-color:#fff}.cc-book .cc-btn>.wp-block-button__link:hover{box-shadow:6px 6px 0 #fff}
.cc-book .tiny{margin-top:18px;font-size:13px;color:#9FB0CB}
.cc-invite{margin:clamp(40px,5vw,64px) auto 0;max-width:960px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 26px;border:2px dashed rgba(255,255,255,.5);border-radius:20px;text-align:left}
.cc-invite b{color:#fff;font-size:17px}.cc-invite span{display:block;font-size:14px;color:#9FB0CB}
.cc-foot{background:#10203B;color:#8FA2C2;padding:30px 0;font-size:13.5px}
.cc-foot .in{max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4.5vw,56px);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cc-fab{display:none}
/* 進場 */
.cc.cc-js .cc-rv:not(.is-in){opacity:0;transform:translateY(26px)}
.cc-rv{transition:opacity .8s var(--ease),transform .8s var(--ease)}
@keyframes ccUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.cc-hero .cc-up{animation:ccUp .9s var(--ease) both}
@media (max-width:1000px){
.cc-hero .cc-w,.cc-method .cc-w,.cc-faq .cc-w{grid-template-columns:1fr}
.cc-hero-r{margin-top:12px;width:min(100%,400px)}
.cc-story .cc-grid,.cc-svc .cc-grid,.cc-free .cc-grid{grid-template-columns:1fr 1fr}
.cc-voice .cc-grid{columns:2}
.cc-ba .why{grid-template-columns:1fr}
.cc .cc-menu{display:none}.cc-nav .cc-navbtn{margin-left:auto}
}
@media (max-width:680px){
.cc-story .cc-grid,.cc-svc .cc-grid,.cc-free .cc-grid,.cc-steps{grid-template-columns:1fr}
.cc-voice .cc-grid{columns:1}
.cc-ba .two{grid-template-columns:1fr}
.cc-stats{gap:16px}.cc-stats span{font-size:12.5px}
.cc-news{grid-template-columns:1fr}
.cc-hero .cc-cta .cc-btn{flex:1 1 100%}.cc-hero .cc-cta .cc-btn>.wp-block-button__link{width:100%}
.cc-logo{font-size:17px}
.cc-fab{display:flex;position:fixed;left:16px;right:84px;bottom:14px;z-index:60}
.cc-fab .wp-block-buttons,.cc-fab .cc-btn,.cc-fab .cc-btn>.wp-block-button__link{width:100%}
.cc-foot{padding-bottom:84px}
}
@media (prefers-reduced-motion:reduce){.cc.cc-js .cc-rv:not(.is-in){opacity:1;transform:none}.cc-rv{transition:none}.cc-hero .cc-up{animation:none}.cc .cc-btn>.wp-block-button__link,.cc-card{transition:none}html:has(.cc){scroll-behavior:auto}.cc-ba .pane.on{animation:none}}