:root{--ink:#173c32;--ink-2:#285347;--jade:#1f715b;--line:#06c755;--cream:#f7f1e7;--paper:#fffdf8;--gold:#c69b56;--muted:#6d756f;--border:rgba(23,60,50,.13);--shadow:0 24px 70px rgba(24,54,45,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.wrap{width:min(1160px,calc(100% - 44px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.9);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}
.nav-wrap{height:78px;display:flex;align-items:center;gap:34px}
.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:50% 50% 50% 12px;font-family:serif;font-size:21px}
.brand b{display:block;font-family:serif;font-size:19px;letter-spacing:.18em}
.brand small{display:block;font-size:8px;letter-spacing:.18em;color:var(--muted)}
nav{display:flex;gap:28px;margin-left:auto;font-size:14px}
nav a{position:relative;padding:9px 0}
nav a:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--gold);transition:.25s}
nav a:hover:after{right:0}
.header-cta{padding:10px 20px;color:#fff;background:var(--line);border-radius:999px;font-weight:800;font-size:14px;box-shadow:0 8px 22px rgba(6,199,85,.22)}
.hero{position:relative;min-height:740px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#fbf6ec 0%,#f5f0e8 48%,#e7efe9 100%)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,60,50,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,60,50,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent 62%)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.55}.orb-one{width:460px;height:460px;right:-130px;top:-150px;background:rgba(38,119,94,.12)}.orb-two{width:300px;height:300px;left:-180px;bottom:-80px;background:rgba(198,155,86,.13)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:60px;padding-block:88px}
.eyebrow,.section-no{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--jade)}
.eyebrow i{width:20px;height:1px;background:var(--gold)}
.hero h1{margin:22px 0 18px;font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(58px,6vw,86px);font-weight:900;line-height:1.08;letter-spacing:.02em}
h1 em,h2 em{font-style:normal;color:var(--jade)}
.hero-quote{font-family:serif;font-size:24px;line-height:1.65;margin:0 0 20px;color:#355b50}
.hero-desc{max-width:590px;margin:0;color:#5e6d67;font-size:15px}
.hero-actions{display:flex;gap:12px;align-items:center;margin-top:30px}
.btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:999px;font-weight:900;transition:.25s;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-line{background:var(--line);color:#fff;box-shadow:0 13px 30px rgba(6,199,85,.25)}
.btn-ghost{border:1px solid rgba(23,60,50,.25);background:rgba(255,255,255,.5)}
.line-dot{display:grid;place-items:center;width:34px;height:34px;background:#fff;color:var(--line);border-radius:50%;font-size:8px;font-weight:1000}
.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:13px;font-weight:800}.limited{font-size:12px;color:var(--muted);margin:7px 0 0 2px}
.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}
.book-stage{position:relative;width:500px;height:460px;transform:rotate(-2deg)}
.book{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;box-shadow:-14px 20px 30px rgba(0,0,0,.24),inset -8px 0 0 rgba(0,0,0,.1);border-radius:3px 8px 8px 3px;transform-origin:center;transition:.3s}
.book:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.35);border-left:8px solid rgba(0,0,0,.12);pointer-events:none}
.book:after{content:"";position:absolute;left:10px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.35)}
.book span{position:relative;font-size:8px;letter-spacing:.14em;z-index:1}.book strong{position:relative;font-family:serif;font-size:28px;line-height:1.15;z-index:1}.book b{position:relative;font-size:7px;letter-spacing:.08em;margin-top:11px;z-index:1}
.mini{width:178px;height:264px}.mini.book-one{left:40px;top:135px;transform:rotate(-12deg)}.mini.book-two{left:150px;top:55px;transform:rotate(-2deg)}.mini.book-three{right:57px;top:130px;transform:rotate(11deg)}.mini.book-four{right:3px;bottom:9px;transform:rotate(16deg)}
.hero-feature-book{position:absolute;z-index:5;width:188px;height:auto;left:155px;top:150px;filter:drop-shadow(-12px 24px 24px rgba(0,0,0,.28));transform:rotate(2deg);transition:transform .3s}
.hero-feature-book:hover{transform:rotate(0) translateY(-5px)}
.book-one{background:linear-gradient(155deg,#fae86c,#f2c63a 56%,#fff6bc);color:#321f14}.book-one:before{background:radial-gradient(circle at 65% 18%,rgba(255,255,255,.65),transparent 20%),repeating-linear-gradient(0deg,transparent 0 23px,rgba(65,46,24,.04) 24px)}
.book-two{background:linear-gradient(#7fc7d4 0 34%,#eef4e9 34% 65%,#1486a5 65%);color:#17364d}.book-two:before{background:radial-gradient(ellipse at center 61%,#f5e8c2 0 9%,transparent 10%),linear-gradient(168deg,transparent 0 61%,rgba(6,70,105,.45) 62% 66%,transparent 67%)}
.book-three{background:linear-gradient(145deg,#f5ead7,#e9dcc0);color:#25221c}.book-three:before{background:linear-gradient(90deg,transparent 49%,rgba(37,34,28,.9) 50% 51%,transparent 52%),radial-gradient(ellipse at center 72%,rgba(95,87,66,.28) 0 14%,transparent 15%)}
.book-four{background:linear-gradient(145deg,#355771,#172b3e);color:#fff}.book-four:before{background:radial-gradient(circle at 35% 75%,rgba(239,194,112,.72) 0 2%,transparent 3%),radial-gradient(circle at 65% 20%,rgba(255,255,255,.32) 0 1%,transparent 2%)}
.visual-note{position:absolute;right:-10px;bottom:55px;display:flex;align-items:center;gap:11px;background:#fff;padding:14px 18px;border-radius:16px;box-shadow:var(--shadow)}.visual-note b{font-family:serif;font-size:42px;line-height:1;color:var(--gold)}.visual-note span{font-size:12px;line-height:1.4;font-weight:800}
.ticker{overflow:hidden;background:var(--ink);color:#fff}.ticker-track{min-height:54px;display:flex;align-items:center;justify-content:center;gap:28px;white-space:nowrap;font-size:12px;letter-spacing:.13em}.ticker i{width:5px;height:5px;background:var(--gold);border-radius:50%}
.section{padding:112px 0}.section-head h2,.center-head h2{font-family:serif;font-size:clamp(38px,5vw,62px);line-height:1.25;margin:18px 0}.about{background:#fff}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.about-content>p{font-size:18px;color:#52675f;margin:0 0 18px}.fact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.fact-cards article{padding:24px 18px;border:1px solid var(--border);background:var(--paper);border-radius:18px}.fact-cards b{display:block;font-family:serif;font-size:24px;color:var(--jade)}.fact-cards span{font-size:12px;color:var(--muted)}
.books{background:var(--cream)}.center-head{text-align:center;max-width:720px;margin:0 auto 55px}.center-head p{color:var(--muted);margin:0}.book-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.book-card{display:grid;grid-template-columns:46% 54%;min-height:390px;background:#fff;border:1px solid rgba(23,60,50,.08);border-radius:24px;overflow:hidden;box-shadow:0 12px 45px rgba(23,60,50,.06)}.book-card-feature{grid-column:1/-1;max-width:760px;width:100%;justify-self:center}.cover-wrap{position:relative;display:grid;place-items:center;overflow:hidden}.cover-a{background:#eff1dd}.cover-b{background:#d9eef0}.cover-c{background:#e9e2d2}.cover-d{background:#d9e2e8}.cover-e{background:radial-gradient(circle at 50% 35%,#284239,#142c26 72%)}.book.large{position:relative;width:168px;height:250px;transform:rotate(-4deg)}.cover-wrap:hover .book.large{transform:rotate(-1deg) translateY(-4px)}.book-cover-photo{width:175px;height:auto;filter:drop-shadow(-9px 16px 15px rgba(0,0,0,.28));transform:rotate(-3deg);transition:transform .3s}.cover-wrap:hover .book-cover-photo{transform:rotate(-1deg) translateY(-4px)}.gift-tag{position:absolute;right:13px;top:13px;background:var(--ink);color:#fff;padding:5px 11px;border-radius:999px;font-size:10px;font-weight:800}.book-info{padding:32px 28px}.genre{font-size:11px;color:var(--jade);font-weight:900;letter-spacing:.1em}.book-info h3{font-family:serif;font-size:27px;margin:8px 0}.book-info h4{font-size:14px;line-height:1.55;margin:0 0 12px}.book-info p{font-size:13px;color:var(--muted);margin:0}.text-cta{display:inline-flex;gap:16px;align-items:center;margin-top:20px;font-size:13px;font-weight:900;color:var(--jade)}.text-cta b{font-size:18px;transition:.2s}.text-cta:hover b{transform:translateX(4px)}
.steps{background:var(--ink);color:#fff}.center-head.light p{color:rgba(255,255,255,.62)}.center-head.light .section-no{color:#d4b77b}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-grid article{position:relative;padding:30px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.045);min-height:280px}.step-grid article>span{font-family:serif;font-size:13px;color:#d4b77b}.step-icon{width:56px;height:56px;display:grid;place-items:center;margin:28px 0 22px;border-radius:50%;background:rgba(255,255,255,.1);font-family:serif;font-size:22px}.step-grid h3{font-family:serif;font-size:23px;margin:0 0 9px}.step-grid p{font-size:14px;color:rgba(255,255,255,.65);margin:0}.step-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:28px}.step-badges span{padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px}.center-action{text-align:center;margin-top:34px}
.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.faq-list details{border-bottom:1px solid var(--border)}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}.faq-list summary{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-family:serif;font-size:20px;font-weight:800}.faq-list summary i,.policy summary i{font-style:normal;color:var(--gold);font-family:sans-serif}.faq-list details[open] summary i,.policy details[open] summary i{transform:rotate(45deg)}.faq-list details p{margin:-5px 44px 23px 0;color:var(--muted);font-size:14px}
.policy{background:var(--cream)}.policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.policy details{background:#fff;border:1px solid var(--border);border-radius:20px;padding:0 26px}.policy summary{display:flex;justify-content:space-between;padding:24px 0;font-family:serif;font-size:21px;font-weight:800}.policy details>div{padding:0 0 24px}.policy h4{margin:16px 0 3px}.policy p{font-size:13px;color:var(--muted);margin:0}
.closing{padding:100px 0;background:linear-gradient(135deg,#e8efe9,#f6eddc);text-align:center}.closing span{font-size:12px;letter-spacing:.2em;color:var(--jade);font-weight:900}.closing h2{font-family:serif;font-size:clamp(42px,6vw,70px);margin:10px 0}.closing p{color:var(--muted);margin:0 0 24px}
footer{padding:65px 0 25px;background:#102f28;color:#fff}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-brand .brand-mark{background:#fff;color:var(--ink)}.footer-brand small{color:rgba(255,255,255,.5)}footer p{max-width:380px;color:rgba(255,255,255,.55);font-size:13px}footer h4{font-size:13px;color:#d8c18d;margin:4px 0 15px}footer .footer-grid>div>a:not(.brand){display:block;margin:8px 0;font-size:13px;color:rgba(255,255,255,.72)}.copyright{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:20px;font-size:11px;color:rgba(255,255,255,.45)}
.mobile-cta{display:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.book{transition:none}}
@media (max-width:920px){nav{display:none}.nav-wrap{height:68px}.header-cta{margin-left:auto}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-block:72px 40px}.hero-copy{text-align:center}.hero-desc{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:410px}.book-stage{transform:scale(.86);height:430px}.about-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.book-card{grid-template-columns:42% 58%}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media (max-width:700px){.wrap{width:min(100% - 28px,560px)}.site-header{position:relative}.header-cta{padding:8px 15px}.hero-grid{gap:16px;padding-top:52px}.hero h1{font-size:52px}.hero-quote{font-size:19px}.hero-desc{font-size:14px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-visual{min-height:320px}.book-stage{width:430px;height:360px;transform:scale(.68);margin:-45px}.hero-feature-book{left:128px;top:116px;width:180px}.visual-note{right:10px;bottom:18px}.ticker-track{justify-content:flex-start;animation:ticker 18s linear infinite}.section{padding:76px 0}.section-head h2,.center-head h2{font-size:39px}.about-content>p{font-size:16px}.fact-cards{grid-template-columns:1fr}.book-grid{grid-template-columns:1fr}.book-card-feature{grid-column:auto}.book-card{grid-template-columns:42% 58%;min-height:345px}.book.large{width:138px;height:210px}.book.large strong{font-size:24px}.book-info{padding:25px 20px}.book-info h3{font-size:23px}.book-info h4{font-size:13px}.book-info p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.step-grid{grid-template-columns:1fr}.step-grid article{min-height:auto;padding:24px}.step-icon{margin:18px 0 14px}.policy-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:last-child{display:none}.copyright{display:block;text-align:center;padding-bottom:76px}.copyright span{display:block;margin:5px}.mobile-cta{position:fixed;z-index:80;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px 10px 16px;background:rgba(16,47,40,.96);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 12px 45px rgba(0,0,0,.3);backdrop-filter:blur(14px)}.mobile-cta b,.mobile-cta small{display:block}.mobile-cta b{font-size:13px}.mobile-cta small{font-size:9px;color:rgba(255,255,255,.6)}.mobile-cta a{background:var(--line);padding:10px 15px;border-radius:12px;font-size:12px;font-weight:900;white-space:nowrap}}
@media (max-width:430px){.brand b{font-size:16px}.brand small{display:none}.brand-mark{width:36px;height:36px}.hero h1{font-size:45px}.hero-quote{font-size:17px}.book-card{grid-template-columns:1fr}.cover-wrap{min-height:275px}.book.large{width:150px;height:225px}.book-info p{display:block}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@keyframes ticker{to{transform:translateX(-35%)}}