:root{--bg:#040912;--bg-2:#071225;--panel:rgba(10,24,45,.74);--panel-2:rgba(9,18,34,.93);--line:rgba(133,189,255,.16);--text:#f3f8ff;--muted:#9baec7;--cyan:#49e6ff;--blue:#4d78ff;--red:#ff4c5a;--gold:#f2c66d;--green:#39e58c;--radius:22px;--shell:min(1180px,calc(100% - 40px));--font:"Noto Sans TC",sans-serif;--display:"Space Grotesk","Noto Sans TC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.shell{width:var(--shell);margin-inline:auto}.section{position:relative;padding:116px 0}.background{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 70% 5%,#0b2245 0,transparent 32%),linear-gradient(180deg,#040914 0,#05101e 46%,#03070e 100%)}.background__grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(78,143,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(78,143,255,.17) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}.background__glow{position:absolute;width:50vw;aspect-ratio:1;border-radius:50%;filter:blur(120px);opacity:.15}.background__glow--cyan{background:#00c8ff;right:-25vw;top:12vh}.background__glow--red{background:#ff293f;left:-30vw;top:44vh}.background__rings{position:absolute;width:760px;aspect-ratio:1;right:-280px;top:26vh;border:1px solid rgba(255,195,97,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(255,195,97,.02),0 0 0 140px rgba(255,195,97,.015)}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{background:rgba(3,9,19,.82);border-color:var(--line);backdrop-filter:blur(18px)}.nav-wrap{height:76px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand__mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(73,230,255,.4);border-radius:12px;background:linear-gradient(145deg,rgba(73,230,255,.16),rgba(77,120,255,.1));box-shadow:inset 0 0 20px rgba(73,230,255,.08),0 0 20px rgba(73,230,255,.08)}.brand__mark svg{width:25px;fill:none;stroke:var(--cyan);stroke-width:1.7}.brand b{display:block;font-size:15px;letter-spacing:.08em}.brand small{display:block;color:#7187a4;font:600 8px/1.2 var(--display);letter-spacing:.16em}.desktop-nav{display:flex;gap:30px}.desktop-nav a{color:#b5c3d5;font-size:13px;letter-spacing:.04em;transition:.2s}.desktop-nav a:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 24px;border:1px solid rgba(119,185,255,.25);border-radius:8px;background:rgba(12,25,47,.7);color:#fff;font-weight:700;letter-spacing:.04em;transition:transform .2s,border-color .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);border-color:rgba(73,230,255,.65)}.button span{color:var(--cyan)}.button--small{min-height:42px;padding:0 17px;font-size:12px}.button--primary{border-color:rgba(73,230,255,.6);background:linear-gradient(105deg,#174adf,#12afd1);box-shadow:0 12px 34px rgba(34,129,232,.28)}.button--primary span{color:#fff}.button--ghost{background:rgba(5,13,26,.55)}.menu-toggle,.mobile-menu{display:none}
.hero{min-height:830px;padding:150px 0 30px;display:grid;align-items:center}.hero__layout{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:46px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;color:#9eb4cf;font:600 12px/1.3 var(--display);letter-spacing:.16em;text-transform:uppercase}.eyebrow i{margin-left:auto;color:#657993;font-style:normal}.eyebrow__dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(255,76,90,.1),0 0 18px var(--red)}.hero h1,.section-heading h2,.cta-panel h2{margin:25px 0 25px;font-size:clamp(50px,6vw,82px);line-height:1.08;letter-spacing:-.055em}.hero h1 em,.section-heading h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#fff 0,#67efff 48%,#7b8cff 100%);background-clip:text;-webkit-background-clip:text}.hero__quote{border-left:2px solid var(--red);padding-left:20px;margin:0 0 20px}.hero__quote p{margin:0;font-size:18px;font-weight:700;line-height:1.75}.hero__description{max-width:600px;color:var(--muted);font-size:15px}.hero__actions{display:flex;gap:12px;margin:32px 0}.trust-row{display:flex;flex-wrap:wrap;gap:8px}.trust-row span{display:flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(7,18,35,.52);color:#9fb1c7;font-size:11px}.trust-row b{color:var(--cyan);font:600 9px var(--display)}.hero__visual{position:relative;min-height:590px;display:grid;place-items:center}.book-stack{position:relative;width:500px;height:540px;filter:drop-shadow(0 24px 42px rgba(0,0,0,.5))}.floating-book{position:absolute;margin:0;width:200px;border-radius:6px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.55),0 0 0 1px rgba(145,204,255,.18)}.floating-book img{width:100%;height:auto}.floating-book--1{left:52px;top:22px;transform:rotate(-7deg);z-index:2}.floating-book--2{right:24px;top:8px;transform:rotate(6deg);z-index:3}.floating-book--3{left:25px;bottom:10px;transform:rotate(-3deg);z-index:4}.floating-book--4{right:54px;bottom:1px;transform:rotate(7deg);z-index:5}.orbit{position:absolute;border:1px solid rgba(73,230,255,.18);border-radius:50%}.orbit--one{width:520px;height:520px}.orbit--two{width:390px;height:390px;border-style:dashed;animation:spin 28s linear infinite}.visual-chip{position:absolute;padding:7px 12px;border:1px solid rgba(73,230,255,.28);background:rgba(5,17,31,.82);backdrop-filter:blur(8px);color:#92a8c1;font:600 9px var(--display);letter-spacing:.15em}.visual-chip--top{right:0;top:80px}.visual-chip--bottom{left:0;bottom:70px}.visual-chip span{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.hero__ticker{width:100%;margin-top:55px;border-block:1px solid var(--line);overflow:hidden;background:rgba(5,12,23,.5)}.hero__ticker div{width:max-content;padding:11px 0;color:#6d8099;font:600 10px var(--display);letter-spacing:.28em;animation:ticker 32s linear infinite}
.mission{border-top:1px solid var(--line)}.mission__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.section-kicker span{color:var(--red)}.section-heading h2{font-size:clamp(38px,5vw,62px)}.section-heading>p:not(.section-kicker){max-width:730px;margin:0 auto;color:var(--muted)}.mission__content{padding-top:43px}.mission__content .lead{margin:0 0 26px;color:#d8e4f2;font-size:19px;line-height:1.9}.mission__content>p:not(.lead){color:var(--muted)}.mission__stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:42px}.mission__stats article{display:flex;gap:18px;align-items:center;padding:22px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(15,34,61,.72),rgba(7,17,31,.65));border-radius:var(--radius)}.mission__stats strong{color:var(--cyan);font:700 25px var(--display)}.mission__stats span{font-size:13px;font-weight:700}.mission__stats small{color:#7990ab;font-size:11px;font-weight:500}
.books{background:linear-gradient(180deg,rgba(8,18,33,.55),rgba(4,9,18,.2));border-block:1px solid var(--line)}.section-heading--center{text-align:center;max-width:800px;margin:0 auto 55px}.section-heading--center .section-kicker{justify-content:center}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.book-card{position:relative;display:grid;grid-template-columns:42% 58%;min-height:372px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(12,29,53,.88),rgba(6,14,27,.88));transition:.25s}.book-card:hover{transform:translateY(-4px);border-color:rgba(73,230,255,.4);box-shadow:0 22px 60px rgba(0,0,0,.28)}.book-card__media{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(54,128,255,.28),transparent 64%),linear-gradient(135deg,rgba(23,47,82,.75),rgba(6,15,30,.35))}.book-card__media::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(93,163,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(93,163,255,.08) 1px,transparent 1px);background-size:26px 26px}.book-card__media img{position:relative;z-index:1;max-width:74%;max-height:290px;width:auto;filter:drop-shadow(0 18px 20px rgba(0,0,0,.52));transition:.25s}.book-card:hover img{transform:translateY(-5px) rotate(-1deg)}.book-card__number{position:absolute;z-index:2;left:16px;top:13px;color:rgba(255,255,255,.45);font:600 10px var(--display);letter-spacing:.12em}.book-card__body{padding:35px 30px;display:flex;flex-direction:column;justify-content:center}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{padding:4px 8px;border:1px solid rgba(73,230,255,.18);border-radius:99px;color:#88a1bf;font-size:9px}.tags span:first-child{color:#7ff0b5;border-color:rgba(57,229,140,.23)}.book-card h3{margin:15px 0 10px;font-size:21px;line-height:1.45}.book-card h4{margin:0 0 14px;color:#bdd0e6;font-size:13px;line-height:1.65}.book-card p{margin:0;color:#7f94ad;font-size:12px;line-height:1.75}
.how{overflow:hidden}.how::before{content:"";position:absolute;width:520px;height:520px;left:-220px;top:50%;translate:0 -50%;border:1px solid rgba(242,198,109,.12);border-radius:50%;box-shadow:0 0 0 74px rgba(242,198,109,.018),0 0 0 148px rgba(242,198,109,.012)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{position:relative;min-height:300px;padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(9,22,41,.72)}.step::after{content:"";position:absolute;right:-17px;top:50%;width:17px;border-top:1px dashed rgba(73,230,255,.35)}.step:last-child::after{display:none}.step__number{position:absolute;right:24px;top:20px;color:#536883;font:700 12px var(--display)}.step__icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(73,230,255,.35);border-radius:16px;background:rgba(73,230,255,.06);color:var(--cyan);font:500 24px var(--display);box-shadow:inset 0 0 25px rgba(73,230,255,.05)}.step h3{margin:30px 0 12px;font-size:19px}.step p{margin:0;color:var(--muted);font-size:13px}.eligibility{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:28px}.eligibility span{position:relative;padding:7px 12px 7px 28px;border:1px solid var(--line);border-radius:99px;color:#9db0c7;font-size:11px}.eligibility span::before{content:"✓";position:absolute;left:11px;color:var(--green)}
.faq{background:linear-gradient(180deg,rgba(4,9,18,.1),rgba(9,22,40,.45));border-top:1px solid var(--line)}.faq__layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}.accordion details,.policy-grid details{border-bottom:1px solid var(--line)}.accordion summary,.policy-grid summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;color:#dfeaf6;font-weight:700}.accordion summary::-webkit-details-marker,.policy-grid summary::-webkit-details-marker{display:none}.accordion summary span,.policy-grid summary span{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(73,230,255,.25);border-radius:50%;color:var(--cyan);transition:.2s}.accordion details[open] summary span,.policy-grid details[open] summary span{rotate:45deg}.accordion details p{margin:0 48px 24px 0;color:var(--muted);font-size:13px}.policy{padding-top:90px}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.policy-grid details{padding:0 26px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(8,20,37,.66)}.policy-grid details div{padding-bottom:24px}.policy-grid h3{margin:18px 0 5px;color:#cbe0f7;font-size:13px}.policy-grid p{margin:0;color:var(--muted);font-size:12px}
.cta-panel{padding:70px 0 100px}.cta-panel__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:60px;border:1px solid rgba(73,230,255,.24);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 84% 45%,rgba(38,134,255,.26),transparent 33%),linear-gradient(120deg,rgba(14,35,66,.94),rgba(5,15,30,.92))}.cta-panel__inner::before{content:"閱";position:absolute;right:26%;top:50%;translate:0 -53%;color:rgba(255,255,255,.025);font-size:240px;font-weight:900}.cta-panel h2{position:relative;margin:14px 0 0;font-size:clamp(30px,4vw,52px)}.site-footer{padding:65px 0 100px;border-top:1px solid var(--line);background:rgba(2,6,12,.75)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-grid>div:first-child p{max-width:460px;color:#71849c;font-size:12px}.footer-grid h3{margin:0 0 16px;color:#c8d6e6;font-size:12px}.footer-grid>div>a:not(.brand,.button){display:block;margin:7px 0;color:#74879f;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:55px;padding-top:20px;border-top:1px solid var(--line);color:#50637b;font-size:10px}.mobile-sticky{display:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}
@keyframes spin{to{rotate:360deg}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:960px){.desktop-nav{display:none}.hero{min-height:auto;padding-top:130px}.hero__layout{grid-template-columns:1fr}.hero__copy{text-align:center}.eyebrow{justify-content:center}.eyebrow i{margin-left:0}.hero__quote{display:inline-block;text-align:left}.hero__description{margin-inline:auto}.hero__actions,.trust-row{justify-content:center}.hero__visual{min-height:530px}.mission__layout,.faq__layout{grid-template-columns:1fr;gap:28px}.mission__content{padding-top:0}.book-card{grid-template-columns:40% 60%}.steps{grid-template-columns:1fr}.step{min-height:auto}.step::after{display:none}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:720px){:root{--shell:min(100% - 28px,620px)}body{padding-bottom:70px}.section{padding:82px 0}.nav-wrap{height:66px}.site-header>.nav-wrap>.button{display:none}.menu-toggle{display:grid;gap:5px;padding:10px;border:0;background:none}.menu-toggle span{display:block;width:24px;border-top:2px solid #dceaff;transition:.2s}.menu-toggle.open span:first-child{translate:0 3.5px;rotate:45deg}.menu-toggle.open span:last-child{translate:0 -3.5px;rotate:-45deg}.mobile-menu{position:fixed;inset:66px 0 auto;display:grid;gap:0;padding:16px 22px 26px;background:rgba(3,10,20,.97);border-bottom:1px solid var(--line);transform:translateY(-130%);opacity:0;pointer-events:none;transition:.25s;backdrop-filter:blur(18px)}.mobile-menu.open{transform:none;opacity:1;pointer-events:auto}.mobile-menu>a:not(.button){padding:14px 2px;border-bottom:1px solid var(--line);font-size:14px}.mobile-menu .button{margin-top:18px}.hero{padding:110px 0 20px}.hero h1{margin-top:18px;font-size:46px}.hero__quote p{font-size:16px}.hero__description{font-size:13px;line-height:1.8}.hero__actions{display:grid;grid-template-columns:1fr 1fr}.hero__actions .button{padding:0 12px;font-size:12px}.trust-row{display:grid;grid-template-columns:1fr 1fr}.trust-row span{justify-content:center}.hero__visual{min-height:400px}.book-stack{width:330px;height:370px}.floating-book{width:132px}.floating-book--1{left:35px;top:20px}.floating-book--2{right:20px;top:7px}.floating-book--3{left:16px;bottom:8px}.floating-book--4{right:36px;bottom:0}.orbit--one{width:360px;height:360px}.orbit--two{width:270px;height:270px}.visual-chip--top{right:-2px;top:30px}.visual-chip--bottom{left:-2px;bottom:25px}.hero__ticker{margin-top:30px}.section-heading h2{font-size:39px}.mission__content .lead{font-size:16px}.mission__stats{grid-template-columns:1fr}.book-grid{grid-template-columns:1fr}.book-card{grid-template-columns:42% 58%;min-height:292px}.book-card__media img{max-width:78%;max-height:235px}.book-card__body{padding:22px 18px}.book-card h3{font-size:17px}.book-card h4{font-size:12px}.book-card p{font-size:11px}.tags span{font-size:8px}.section-heading--center{margin-bottom:36px}.policy-grid{grid-template-columns:1fr}.accordion summary{font-size:14px}.cta-panel{padding:45px 0 75px}.cta-panel__inner{display:block;padding:34px 25px}.cta-panel__inner .button{width:100%;margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:1/3}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}.mobile-sticky{position:fixed;z-index:45;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border:1px solid rgba(92,255,164,.45);border-radius:14px;background:linear-gradient(110deg,#0fa862,#25c578);box-shadow:0 12px 32px rgba(0,0,0,.45);font-size:14px;font-weight:800}.mobile-sticky span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#fff;color:#19ae68;font:800 9px var(--display)}.mobile-sticky b{position:absolute;right:18px}}
@media(max-width:420px){.hero h1{font-size:40px}.hero__actions{grid-template-columns:1fr}.book-card{grid-template-columns:38% 62%}.book-card__body{padding:19px 14px}.book-card h3{font-size:15px}.book-card h4{font-size:11px}.book-card p{line-height:1.6}.tags span:last-child{display:none}.hero__visual{min-height:365px}.book-stack{scale:.9}.mission__stats article{padding:18px}.step{padding:26px}.cta-panel h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit,.hero__ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Enhanced cyber background */
.background__grid{inset:-15% -10%;opacity:.3;background-image:linear-gradient(rgba(78,143,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(78,143,255,.2) 1px,transparent 1px);mask-image:linear-gradient(to bottom,#000,transparent 86%);transform:perspective(700px) rotateX(57deg) translateY(-13%);transform-origin:50% 0}
.background__nodes{position:absolute;inset:0;opacity:.36;background-image:radial-gradient(circle at 8% 18%,#49e6ff 0 1px,transparent 2px),radial-gradient(circle at 28% 44%,#4d78ff 0 1.5px,transparent 2.5px),radial-gradient(circle at 57% 23%,#49e6ff 0 1px,transparent 2px),radial-gradient(circle at 76% 62%,#f2c66d 0 1px,transparent 2px),radial-gradient(circle at 92% 31%,#ff4c5a 0 1px,transparent 2px);background-size:320px 280px,410px 360px,380px 330px,460px 410px,350px 300px;filter:drop-shadow(0 0 8px rgba(73,230,255,.65))}
.background__scan{position:absolute;left:0;right:0;height:24vh;top:-28vh;background:linear-gradient(180deg,transparent,rgba(73,230,255,.055),transparent);animation:scan 11s linear infinite;will-change:transform}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;background:repeating-linear-gradient(90deg,transparent 0 119px,rgba(73,230,255,.12) 120px 121px,transparent 122px 239px),repeating-linear-gradient(0deg,transparent 0 119px,rgba(73,230,255,.06) 120px 121px,transparent 122px 239px);mask-image:radial-gradient(circle at 50% 24%,#000,transparent 72%)}
@keyframes scan{to{transform:translateY(150vh)}}
@media(prefers-reduced-motion:reduce){.background__scan{animation:none}}