/* 內頁：把舊版（site.css）的版面元件，換成 A 版深海藍綠科技風。只寫樣式，不動內容 */
.inner main section{padding:110px 0}
@media (max-width:720px){.inner main section{padding:72px 0}}
.inner h1{font-size:clamp(36px,5.6vw,72px);line-height:1.15;letter-spacing:-.02em;margin:0 0 24px;font-weight:800}
.inner h2{font-size:clamp(26px,3.4vw,42px);margin:0 0 18px}
.inner h3{font-size:20px;margin:0 0 8px}
.inner p{color:var(--tx2)}
.inner b,.inner strong{color:var(--tx)}
.eyebrow,.no{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--sea);margin-bottom:18px;font-style:normal;text-transform:uppercase}
.eyebrow::before,.no::before{content:"";width:18px;height:1px;background:var(--sea)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
.split{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:end}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:20px}}
.textlink{color:var(--sea);text-decoration:none;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:2px}
.small{font-size:13px}.muted{color:var(--tx3)!important}
.inner main a:not(.btn):not(.textlink):not(.cta){color:var(--sea)}
.btn.small{padding:11px 20px;font-size:14px}
.btn[disabled]{opacity:.45;pointer-events:none}

/* 專題（手冊封面＋目錄） */
.feature{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center;padding:56px 0;border-top:1px solid var(--line)}
.feature.flip .book{order:2}
.book{position:relative;aspect-ratio:3/4;max-width:340px;width:100%;margin:0 auto;border-radius:16px;padding:9% 10%;display:flex;flex-direction:column;justify-content:space-between;
  background:linear-gradient(160deg,#f3efe6,#dcd5c6);color:#15282a;box-shadow:0 30px 60px -24px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);transform:rotate(-2deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.feature.flip .book{transform:rotate(2deg)}.feature:hover .book{transform:rotate(0) translateY(-8px)}
.book::before{content:"";position:absolute;inset:12px;border:1px solid rgba(21,40,42,.18);border-radius:10px;pointer-events:none}
.book .top{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:#5d6b69}
.book .big{font-size:clamp(84px,10vw,128px);font-weight:800;line-height:.9;letter-spacing:-.04em;color:#1b8ea0}
.book .ttl{font-size:clamp(19px,2vw,24px);font-weight:800;line-height:1.4;color:#15282a}
.book .by{font-family:var(--mono);font-size:10.5px;color:#5d6b69;border-top:1px solid #15282a;padding-top:10px;margin-top:12px}
.book.dk{background:linear-gradient(160deg,#1f4547,#0f2224);color:#eef1ee}.book.dk::before{border-color:rgba(255,255,255,.15)}
.book.dk .big{color:var(--gold)}.book.dk .ttl{color:#fff}.book.dk .top,.book.dk .by{color:#9fb3b0}.book.dk .by{border-color:rgba(255,255,255,.4)}
.book.sd{background:linear-gradient(160deg,#e6c993,#c69c5c)}.book.sd .big{color:#15282a}
.feature .idx{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--gold);display:block;margin-bottom:8px}
.feature h3{font-size:clamp(24px,2.8vw,34px)}
.feature .desc{color:var(--tx2);margin:0 0 24px}
.feature .price{font-size:40px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px;color:var(--tx)}
.feature .for{font-size:13px;color:var(--tx3);margin:0 0 24px}
.toc{list-style:none;margin:0 0 28px;padding:0;border-top:1px solid var(--line)}
.toc li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--tx)}
.toc li span:last-child{font-family:var(--mono);font-size:12px;color:var(--tx3)}
@media (max-width:860px){.feature{grid-template-columns:1fr;gap:36px}.feature.flip .book{order:0}.book{max-width:260px}}

/* 卡片／欄位 */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.cards.two{grid-template-columns:1fr 1fr}
.cards .card{padding:28px;display:flex;flex-direction:column}
.card .tag{font-size:12px}
@media (max-width:860px){.cards,.cards.two{grid-template-columns:1fr}}
.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.columns article{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.columns article p{margin:0}
@media (max-width:860px){.columns{grid-template-columns:1fr}}
.dark{background:linear-gradient(180deg,transparent,rgba(0,0,0,.18))}

/* 7 天任務／從這裡開始 */
.dayslist{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:12px}
.dayslist li{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:start;padding:22px 24px;background:var(--panel);border:1px solid var(--line);border-radius:14px;transition:border-color .3s,transform .3s}
.dayslist li:hover{border-color:var(--sea);transform:translateX(4px)}
.dayslist li>b{font-family:var(--mono);font-size:30px;font-weight:500;line-height:1;color:var(--sea)}
.dayslist h3{margin:0 0 4px}.dayslist p{margin:0}

/* 三步驟、FAQ */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.steps div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px}
.steps b{font-family:var(--mono);font-size:34px;color:var(--sea);display:block;line-height:1;margin-bottom:14px}
.steps p{margin:0}
@media (max-width:760px){.steps{grid-template-columns:1fr}}
.faq{max-width:860px;margin-top:36px;display:grid;gap:10px}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 22px}
.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px;color:var(--tx)}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--sea)}.faq details[open] summary::after{content:"–"}
.faq details p{margin:12px 0 0}

/* 表單、訂閱卡 */
.form{max-width:560px}
.form label{display:block;font-size:13px;color:var(--tx2);margin:18px 0 8px;font-family:var(--mono);letter-spacing:.06em}
.form input{width:100%;padding:14px 16px;border:1px solid var(--line2);border-radius:12px;font-size:16px;font-family:inherit;background:rgba(0,0,0,.18);color:var(--tx)}
.form input:focus{outline:0;border-color:var(--sea);box-shadow:0 0 0 3px rgba(90,209,196,.18)}
.form .btn{width:100%;justify-content:center;margin-top:24px}
.form .note{font-size:13px;color:var(--tx3);margin-top:14px}
.signup{display:grid;grid-template-columns:5fr 7fr;gap:48px;background:radial-gradient(ellipse at 0% 0%,rgba(90,209,196,.16),transparent 60%),var(--panel);border:1px solid var(--line2);border-radius:var(--r);padding:56px 48px;margin-top:40px}
@media (max-width:860px){.signup{grid-template-columns:1fr;gap:24px;padding:36px 24px}}

/* 法律／文件頁 */
.doc{max-width:780px}
.doc h2{font-size:22px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.doc li{margin-bottom:8px;color:var(--tx2)}
.todo{background:rgba(216,178,115,.15);border:1px dashed var(--gold);color:var(--gold);padding:1px 6px;border-radius:6px}

/* 關於：人物專訪 */
.profile{display:grid;grid-template-columns:6fr 5fr;padding:0!important;border-bottom:1px solid var(--line)}
.profile .ph{position:relative;min-height:calc(100svh - 64px);overflow:hidden}
.profile .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.profile .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--bg)),linear-gradient(0deg,rgba(21,40,42,.5),transparent 40%)}
.profile .tx{padding:96px 24px 72px 56px;display:flex;flex-direction:column;justify-content:center}
.profile .kicker{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--tx3);border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:36px}
@media (max-width:860px){.profile{grid-template-columns:1fr}.profile .ph{min-height:0;aspect-ratio:4/5}.profile .ph::after{background:linear-gradient(0deg,var(--bg),transparent 45%)}.profile .tx{padding:8px 16px 56px}}
.article{display:grid;grid-template-columns:3fr 8fr;gap:56px}
.article aside{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;align-self:start;position:sticky;top:96px}
.article aside dl{margin:0}.article aside dt{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--gold);margin-top:16px;text-transform:uppercase}
.article aside dt:first-child{margin-top:0}.article aside dd{margin:4px 0 0;color:var(--tx)}
.article .body{max-width:700px}
.article .body p{font-size:17px}
.article .q{font-size:22px;font-weight:800;margin:52px 0 12px;display:flex;gap:12px;color:var(--tx)}
.article .q::before{content:"Q.";font-family:var(--mono);color:var(--sea)}
.article blockquote{margin:48px 0;padding:30px 32px;border-left:2px solid var(--gold);background:var(--panel);border-radius:0 14px 14px 0;font-size:clamp(20px,2.4vw,28px);font-weight:700;line-height:1.6}
.article ul{padding-left:0;list-style:none}.article ul li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--tx2)}
.article ul li::before{content:"→ ";color:var(--sea);font-family:var(--mono)}
@media (max-width:860px){.article{grid-template-columns:1fr;gap:32px}.article aside{position:static}}

/* 結帳 */
.costeps{list-style:none;display:flex;gap:10px;padding:0;margin:8px 0 40px;font-family:var(--mono);font-size:12px}
.costeps li{padding:6px 14px;border:1px solid var(--line);border-radius:999px;color:var(--tx3)}.costeps li.on{border-color:var(--sea);color:var(--sea)}
.co{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:start}
.co .form{max-width:none}
.pays{display:grid;gap:10px}
.pay{display:flex!important;gap:14px;align-items:center;border:1px solid var(--line2);border-radius:12px;padding:16px 18px;margin:0!important;cursor:pointer;background:var(--panel);font-family:var(--sans)!important;letter-spacing:0!important;color:var(--tx)!important;font-size:15px!important}
.pay:has(input:checked){border-color:var(--sea);box-shadow:0 0 0 3px rgba(90,209,196,.15)}
.pay input{width:auto;accent-color:var(--sea)}.pay b{display:block}.pay small{color:var(--tx3);font-size:13px}
.agree{display:flex!important;gap:10px;align-items:flex-start;font-family:var(--sans)!important;letter-spacing:0!important;font-size:14px!important;line-height:1.7}
.agree input{width:auto;margin-top:5px;accent-color:var(--sea)}
.summary{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:26px;position:sticky;top:96px}
.summary dl,.receipt{display:grid;grid-template-columns:80px 1fr;row-gap:10px;margin:16px 0;font-size:15px}
.summary dt,.receipt dt{color:var(--tx3)}.summary dd,.receipt dd{margin:0;color:var(--tx)}
.summary .total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:16px}
.summary .total b{font-size:34px;font-weight:800}
@media (max-width:860px){.co{grid-template-columns:1fr}.summary{position:static;order:-1}}
.inner footer .sign{display:none}
/* 2026-10-31 John：內頁字體配色參考首頁引言 —— 大標加粗、後半句金色漸層、卡片標題帶一點金 */
.inner h1{font-weight:900;letter-spacing:-.01em}
.inner h2{font-weight:800}
.inner .grad{background:linear-gradient(100deg,#fff 0%,#e9dcc0 40%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.inner .card h3,.inner .columns h3,.inner .dayslist h3,.inner .steps h3{color:#f3ead8}
.inner .feature h3{background:linear-gradient(100deg,#fff 30%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.inner .lead{color:#b9c6c2}
.inner .doc h2{color:#f3ead8}
.inner .split h1{font-size:clamp(34px,4.4vw,60px);word-break:keep-all}
/* 專欄 */
.jgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px}
.jcard{padding:28px;text-decoration:none;display:flex;flex-direction:column;gap:6px}
.jcard .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--gold)}
.jcard h3{font-size:20px;line-height:1.5;color:#f3ead8}.jcard p{margin:0 0 10px;font-size:14px}
.jcard .textlink{align-self:flex-start;margin-top:auto}
@media (max-width:760px){.jgrid{grid-template-columns:1fr}}
.article .body h2{font-size:clamp(22px,2.6vw,30px);margin:48px 0 14px;scroll-margin-top:90px}
.article .body ol,.article .body ul{color:var(--tx2);line-height:1.9}
.article .body ol li,.article .body ul li{margin-bottom:8px}
.article aside ol a{color:var(--tx2)!important;text-decoration:none;font-size:13px}