:root{--paper:#f9f6ee;--navy:#173a54;--ink:#253b47;--muted:#626c70;--red:#a82f29;--line:#dbd9ce;--soft:#efeee5;--font:"Noto Sans TC",sans-serif;--display:"LXGW WenKai TC",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--red);outline-offset:6px}img{max-width:100%;height:auto;display:block}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--navy)}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.header{min-height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand img{width:205px;height:78px;object-fit:contain}.header nav{display:flex;gap:30px;font-size:14px}.header nav a:hover,.text-link:hover{color:var(--red)}.skip{position:absolute;top:-100px;left:15px;z-index:5;background:var(--navy);color:white;padding:8px 18px}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:64px;align-items:center;padding-block:66px 72px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.13em;color:var(--red);margin-bottom:16px}h1{font-family:var(--display);font-weight:700;font-size:clamp(38px,4vw,54px);line-height:1.35;letter-spacing:.015em}h1 span{color:var(--red)}.intro{margin-top:22px;font-size:17px;line-height:1.9}.book-label{display:inline-block;margin-top:30px;font-size:12px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted)}.book-title{font-size:22px;margin:6px 0 8px}.book-description{font-size:15px;max-width:390px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:13px 24px;min-height:52px;border-radius:4px;font-size:15px;font-weight:600;margin-top:23px;transition:background .15s,color .15s}.primary{background:var(--red);color:#fff}.primary:hover{background:#83251f}.outline{border:1px solid var(--navy);color:var(--navy)}.outline:hover{background:var(--navy);color:var(--paper)}.note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:10px}.cover img{width:100%;border-radius:3px}.cover figcaption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:13px;letter-spacing:.04em}.uses{border-top:1px solid var(--line);padding-block:62px 70px}.section-heading h2,h2{font-family:var(--display);font-size:34px;font-weight:700;line-height:1.5}.section-heading>p:last-child{margin-top:14px;color:var(--muted);font-size:14px}.uses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:38px}.uses-grid article{border-top:1px solid var(--line);padding-top:20px}.number{font-size:13px;color:var(--red);font-weight:600}.uses-grid h3{font-size:20px;margin:10px 0}.uses-grid p{font-size:15px}.explore{background:var(--soft);padding-block:64px}.explore-grid{display:grid;grid-template-columns:.85fr 1fr;gap:82px;align-items:center}.inside img{border-radius:3px;max-width:410px}.inside figcaption{font-size:12px;color:var(--muted);margin-top:10px}.explore h2{margin-bottom:20px}.explore p:not(.eyebrow){font-size:15px}.questions{padding-left:22px;margin:24px 0}.questions li{margin:8px 0;font-size:16px}.questions li::marker{color:var(--red)}.closing{color:var(--muted)}.feedback{padding-block:76px;display:grid;grid-template-columns:1.6fr 1fr;gap:90px;align-items:center}.feedback h2{font-size:31px}.feedback p:not(.eyebrow):not(.note):not(.festival){font-size:15px;margin-top:18px}.festival{font-family:var(--display);font-size:29px;line-height:1.8;color:var(--navy);border-left:1px solid var(--line);padding-left:38px}.festival small{display:block;font-family:var(--font);font-size:13px;margin-top:20px;color:var(--red)}.english{padding-block:66px;background:#f0eee7;border-top:1px solid var(--line)}.english-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.english h2{font-family:var(--font);font-size:32px;font-weight:500;line-height:1.35;letter-spacing:-.025em}.english-subtitle{font-size:18px;margin-top:22px;line-height:1.6}.english-subtitle span{font-size:13px;color:var(--muted)}.english-body{font-size:15px;line-height:1.8}.english-body h3{font-size:17px;margin:24px 0 10px}.english-body h3:first-child{margin-top:0}.english-body p+p{margin-top:14px}.english-body .note{font-size:12px}.text-link{display:inline-block;text-decoration:underline;text-underline-offset:5px;margin-top:18px;font-size:14px}.english-wish{margin-top:26px!important;color:var(--red)}.footer{padding-block:40px 25px;display:grid;grid-template-columns:1fr 1fr;gap:22px;font-size:12px}.footer strong{font-size:15px}.footer p{margin-top:8px;color:var(--muted)}.footer-links{display:flex;align-items:flex-end;flex-direction:column;gap:8px}.copyright{border-top:1px solid var(--line);padding-top:20px;grid-column:1/-1;font-size:11px}.mobile-only{display:none}
@media(min-width:1500px){.hero{padding-block:80px}.hero h1{font-size:58px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:32px}.hero h1{font-size:39px}.explore-grid{gap:40px}.feedback,.english-grid{gap:40px}.uses-grid{gap:24px}.cover figcaption{font-size:10px}}
@media(max-width:650px){body{font-size:15px}.wrap{width:calc(100% - 40px)}.header{min-height:84px}.brand img{width:151px;height:65px}.header nav{gap:16px;font-size:12px}.hero{grid-template-columns:1fr;gap:30px;padding-block:34px 40px}.hero-copy{display:contents}.hero .eyebrow{grid-row:1;margin-bottom:-20px;font-size:11px}.hero h1{grid-row:2;font-size:36px}.hero .intro{grid-row:3;margin-top:-16px;font-size:15px}.cover{grid-row:4}.hero .book-label{grid-row:5;margin-top:0;padding-top:0;border:0;margin-bottom:-23px}.hero .book-title{grid-row:6;margin:0;font-size:23px}.hero .book-description{grid-row:7;margin-top:-19px}.hero .button{grid-row:8;margin-top:-8px}.hero .note{grid-row:9;margin-top:-23px;text-align:center;font-size:11px}.cover figcaption{font-size:10px}.uses{padding-block:38px 44px}.section-heading h2,h2{font-size:28px}.uses-grid{grid-template-columns:1fr;gap:25px;margin-top:28px}.uses-grid article{display:grid;grid-template-columns:35px 1fr;gap:0 10px;padding-top:20px}.number{grid-row:1/3;padding-top:4px}.uses-grid h3{margin:0 0 8px;font-size:19px}.uses-grid p{grid-column:2;font-size:14px}.explore{padding-block:38px}.explore-grid{grid-template-columns:1fr;gap:32px}.inside{order:2}.inside img{width:100%;max-width:none}.explore h2{font-size:27px}.feedback{padding-block:42px;grid-template-columns:1fr;gap:36px}.feedback h2{font-size:27px}.festival{font-size:25px;padding-left:24px}.english{padding-block:40px}.english-grid{grid-template-columns:1fr;gap:32px}.english h2{font-size:30px}.english-subtitle{font-size:17px}.english .button{width:100%}.english-body{font-size:14px}.footer{grid-template-columns:1fr;padding-top:30px}.footer-links{align-items:flex-start}.button{width:100%;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}