/* 接案一條龍 Ebook — Shared Styles */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500;700;900&family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Noto Sans TC',sans-serif;
  background:#0a0f1a;
  color:#e8e5dd;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
  font-size:16px;
}
@media(min-width:768px){body{font-size:17px}}

h1,h2,h3,h4{font-family:'Noto Serif TC',serif;font-weight:700;line-height:1.35;letter-spacing:0.01em;color:#f5f0e5}
a{color:#f2b44a;text-decoration:none;transition:color .2s}
a:hover{color:#ffce6a}
img{max-width:100%;display:block}

/* Top Nav */
.ebook-nav{
  position:sticky;top:0;z-index:50;
  background:rgba(10,15,26,0.9);
  backdrop-filter:blur(14px);
  border-bottom:1px solid #1e2738;
}
.nav-inner{max-width:960px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav-logo{font-family:'Noto Serif TC',serif;font-weight:900;font-size:18px;color:#f2b44a;letter-spacing:0.05em}
.nav-logo span{color:#e8e5dd}
.nav-links{display:flex;gap:6px;align-items:center}
.nav-link{padding:8px 14px;border-radius:20px;font-size:13px;color:#a8a095;transition:all .2s}
.nav-link:hover,.nav-link.active{background:#1e2738;color:#f2b44a}
.nav-toc{background:#f2b44a;color:#0a0f1a!important;padding:8px 16px;border-radius:20px;font-weight:700;font-size:13px}
.nav-toc:hover{background:#ffce6a;color:#0a0f1a!important}

/* Container */
.container{max-width:820px;margin:0 auto;padding:0 24px}
.wide{max-width:1080px}

/* Chapter header */
.chapter-head{padding:96px 0 56px;text-align:center;border-bottom:1px solid #1e2738}
@media(max-width:768px){.chapter-head{padding:60px 0 40px}}
.chapter-num{
  display:inline-block;
  font-family:'Noto Serif TC',serif;
  font-size:14px;letter-spacing:0.3em;
  color:#f2b44a;
  margin-bottom:20px;
  padding:6px 20px;
  border:1px solid #f2b44a33;
  border-radius:100px;
  text-transform:uppercase;
}
.chapter-head h1{font-size:clamp(32px,5vw,54px);margin-bottom:18px;color:#fff}
.chapter-head h1 em{font-style:normal;color:#f2b44a}
.chapter-sub{color:#a8a095;font-size:17px;max-width:600px;margin:0 auto;line-height:1.8}

/* Body */
.chapter-body{padding:64px 0 96px}
@media(max-width:768px){.chapter-body{padding:48px 0 72px}}
.chapter-body h2{font-size:clamp(24px,3.5vw,34px);margin:48px 0 20px;color:#fff;position:relative;padding-left:18px}
.chapter-body h2::before{content:"";position:absolute;left:0;top:11px;width:6px;height:26px;background:#f2b44a;border-radius:3px}
.chapter-body h3{font-size:20px;margin:36px 0 14px;color:#f2b44a}
.chapter-body p{margin-bottom:20px;color:#d4cfc2}
.chapter-body ul,.chapter-body ol{margin:20px 0 20px 8px;padding-left:22px}
.chapter-body li{margin-bottom:10px;color:#d4cfc2}
.chapter-body li::marker{color:#f2b44a}

/* Callout */
.callout{
  background:linear-gradient(135deg,#141a2a,#1a2236);
  border-left:4px solid #f2b44a;
  padding:26px 28px;
  margin:32px 0;
  border-radius:10px;
}
.callout-tag{
  display:inline-block;font-size:12px;letter-spacing:0.2em;
  color:#f2b44a;margin-bottom:10px;font-weight:700;
}
.callout p{color:#e8e5dd;margin-bottom:0}
.callout p + p{margin-top:14px}

/* Stat row */
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0}
@media(max-width:640px){.stat-row{grid-template-columns:1fr}}
.stat-box{
  background:#141a2a;border:1px solid #2a3144;border-radius:12px;
  padding:28px 22px;text-align:center;
}
.stat-box strong{display:block;font-family:'Noto Serif TC',serif;font-size:40px;color:#f2b44a;line-height:1;margin-bottom:10px}
.stat-box span{font-size:13px;color:#a8a095;letter-spacing:0.05em}

/* Card grid */
.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:32px 0}
@media(max-width:640px){.card-grid{grid-template-columns:1fr}}
.info-card{
  background:#141a2a;border:1px solid #2a3144;border-radius:12px;
  padding:24px;transition:all .25s;
}
.info-card:hover{border-color:#f2b44a55;transform:translateY(-2px)}
.info-card h4{color:#f2b44a;font-size:17px;margin-bottom:10px}
.info-card p{font-size:14.5px;color:#a8a095;margin:0}

/* Chapter footer nav */
.chapter-foot{
  border-top:1px solid #1e2738;
  padding:48px 0;
  margin-top:48px;
}
.foot-nav{display:flex;justify-content:space-between;gap:14px;align-items:stretch}
@media(max-width:640px){.foot-nav{flex-direction:column}}
.foot-link{
  flex:1;
  background:#141a2a;border:1px solid #2a3144;border-radius:12px;
  padding:20px 22px;transition:all .25s;
  color:#e8e5dd;
}
.foot-link:hover{border-color:#f2b44a;transform:translateY(-2px);color:#e8e5dd}
.foot-link small{display:block;color:#a8a095;font-size:12px;letter-spacing:0.15em;margin-bottom:6px}
.foot-link strong{display:block;color:#f2b44a;font-size:16px}
.foot-link.next{text-align:right}

/* CTA block */
.cta-block{
  background:linear-gradient(135deg,#1a2236 0%,#2a1f0e 100%);
  border:1px solid #f2b44a33;
  border-radius:16px;
  padding:48px 36px;
  margin:48px 0;
  text-align:center;
}
@media(max-width:640px){.cta-block{padding:32px 22px}}
.cta-block h3{font-size:clamp(22px,3vw,30px);color:#fff;margin-bottom:14px}
.cta-block p{color:#d4cfc2;max-width:520px;margin:0 auto 28px}
.cta-btn{
  display:inline-flex;align-items:center;gap:10px;
  background:#f2b44a;color:#0a0f1a;
  padding:16px 36px;border-radius:100px;
  font-weight:700;font-size:16px;
  transition:all .25s;
  box-shadow:0 6px 24px #f2b44a33;
}
.cta-btn:hover{background:#ffce6a;transform:translateY(-2px);color:#0a0f1a;box-shadow:0 10px 32px #f2b44a55}
.cta-btn-outline{
  display:inline-flex;align-items:center;gap:10px;
  background:transparent;color:#f2b44a;
  padding:16px 36px;border-radius:100px;
  font-weight:700;font-size:16px;
  border:1.5px solid #f2b44a;
  transition:all .25s;
}
.cta-btn-outline:hover{background:#f2b44a22;color:#ffce6a}

/* Table */
.comparison-table{width:100%;border-collapse:collapse;margin:28px 0;font-size:15px}
.comparison-table th,.comparison-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #2a3144}
.comparison-table th{color:#f2b44a;background:#141a2a;font-weight:700;font-size:14px;letter-spacing:0.05em}
.comparison-table td{color:#d4cfc2}
.comparison-table tr:hover td{background:#141a2a}

/* Case study preview card */
.case-preview{
  background:#141a2a;border:1px solid #2a3144;border-radius:16px;
  padding:36px;margin:32px 0;
  transition:all .3s;
}
.case-preview:hover{border-color:#f2b44a55}
.case-cat{display:inline-block;font-size:12px;color:#f2b44a;letter-spacing:0.2em;margin-bottom:14px;font-weight:700}
.case-preview h3{font-size:26px;margin-bottom:12px;color:#fff}
.case-preview .case-desc{color:#a8a095;margin-bottom:24px}
.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}
@media(max-width:640px){.case-meta{grid-template-columns:1fr 1fr}}
.case-meta div{padding:14px;background:#0a0f1a;border-radius:10px;border:1px solid #1e2738}
.case-meta strong{display:block;color:#f2b44a;font-family:'Noto Serif TC',serif;font-size:22px;margin-bottom:4px}
.case-meta span{font-size:12px;color:#a8a095}

/* Footer */
footer.ebook-foot{
  border-top:1px solid #1e2738;
  padding:48px 0 32px;
  text-align:center;
  color:#6a6560;
  font-size:13.5px;
}
footer.ebook-foot a{color:#a8a095}

/* Chapter index (TOC) items */
.toc-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:40px 0}
.toc-item{
  background:#141a2a;border:1px solid #2a3144;border-radius:12px;
  padding:22px 26px;
  display:flex;align-items:center;gap:22px;
  transition:all .25s;
  color:#e8e5dd;
}
.toc-item:hover{border-color:#f2b44a;transform:translateX(4px);color:#e8e5dd}
.toc-num{
  flex-shrink:0;
  font-family:'Noto Serif TC',serif;
  font-size:30px;color:#f2b44a;font-weight:700;
  min-width:50px;
}
.toc-title{flex:1}
.toc-title strong{display:block;font-family:'Noto Serif TC',serif;font-size:18px;color:#fff;margin-bottom:4px}
.toc-title span{font-size:14px;color:#a8a095}
.toc-arrow{color:#f2b44a;font-size:20px}

/* Hero cover */
.cover{
  min-height:92vh;
  display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(circle at 80% 10%,rgba(242,180,74,0.12),transparent 50%),
    radial-gradient(circle at 20% 90%,rgba(242,180,74,0.08),transparent 50%),
    #0a0f1a;
  padding:80px 24px;
  position:relative;
}
.cover-content{text-align:center;max-width:760px}
.cover-tag{
  display:inline-block;
  padding:8px 20px;
  background:#f2b44a22;
  color:#f2b44a;
  border:1px solid #f2b44a55;
  border-radius:100px;
  font-size:13px;
  letter-spacing:0.15em;
  margin-bottom:30px;
}
.cover h1{
  font-size:clamp(36px,7vw,72px);
  color:#fff;margin-bottom:24px;
  line-height:1.2;font-weight:900;
}
.cover h1 em{font-style:normal;color:#f2b44a;display:block;margin-top:8px}
.cover-sub{
  font-size:clamp(16px,2.2vw,20px);
  color:#a8a095;margin-bottom:40px;
  line-height:1.8;max-width:580px;margin-left:auto;margin-right:auto;
}
.cover-author{
  margin-top:60px;padding-top:30px;border-top:1px solid #1e2738;
  color:#6a6560;font-size:13px;letter-spacing:0.15em;
}
.cover-author strong{color:#f2b44a;font-family:'Noto Serif TC',serif;font-size:15px;letter-spacing:0}

/* Utility */
.text-center{text-align:center}
.text-gold{color:#f2b44a}
.divider{height:1px;background:#1e2738;margin:48px 0;border:none}