@font-face{font-family:LuckyStar;src:url('assets/fonts/LuckyStarSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:LuckyStar;src:url('assets/fonts/LuckyStarSans-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:LuckyStarExt;src:url('assets/fonts/LuckyStarSansExt-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:LuckyStarExt;src:url('assets/fonts/LuckyStarSansExt-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--navy:#1c275b;--purple:#4d3e7e;--gold:#ba8f41;--gold-light:#e1c993;--muted:#5b607a;--paper:#faf8ff;--font:LuckyStar,'Noto Sans TC','Microsoft JhengHei',sans-serif}
.needs-ext{font-family:LuckyStar,LuckyStarExt,'Noto Sans TC','Microsoft JhengHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;color-scheme:light}body{margin:0;background:#f7f6fc;color:var(--navy);font-family:var(--font);font-size:16px;line-height:1.6}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p,blockquote,figure{margin:0}button:focus-visible,a:focus-visible{outline:3px solid #7560ac;outline-offset:5px}.modal-open{overflow:hidden}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;padding:12px;background:white}.skip-link:focus{top:12px}
.page-frame{position:relative;max-width:1440px;margin:auto;background:radial-gradient(ellipse at 5% 25%,#eadff944,transparent 20%),radial-gradient(ellipse at 95% 35%,#d5eafa55,transparent 22%),linear-gradient(#fcfcff,#faf7ff);box-shadow:0 0 45px #1c275b09}
.page-frame::after{content:'';position:absolute;inset:8px;border:1px solid var(--gold-light);pointer-events:none;z-index:20}.content-width{width:88.6%;max-width:1276px;margin-inline:auto}
.site-header{height:100px;position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:10px 7.3%;border-bottom:1px solid #ecddb7;background:linear-gradient(100deg,#fffffff5,#f6f3f7,#fffffff2)}
.brand{display:block;width:240px;flex-shrink:0;mix-blend-mode:multiply}.brand img{width:100%;filter:brightness(1.01)}.primary-nav{display:flex;align-items:center;gap:42px}.primary-nav a,.primary-nav button{font-size:18px;font-weight:700;background:none;padding:8px 0;white-space:nowrap}.primary-nav a:hover,.primary-nav button:hover{color:var(--gold)}.nav-toggle{display:none;background:transparent;width:44px;height:44px;padding:10px}.nav-toggle span:not(.sr-only){display:block;height:2px;margin:5px 0;background:var(--navy)}
.hero{position:relative;aspect-ratio:1672/941;isolation:isolate}.hero-picture,.hero-picture img{width:100%;height:100%;display:block}.hero-picture img{object-fit:contain}.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:15%;background:linear-gradient(transparent,#fcfcff);pointer-events:none}.hero-copy{position:absolute;top:12.5%;left:45%;width:37%;transform:translateX(-50%);text-align:center;mix-blend-mode:multiply}.hero-copy h1 img{width:100%;filter:brightness(1.01)}.title-rule{width:57%;height:1px;background:var(--gold);margin:22px auto}.hero-tagline{font-weight:700;font-size:clamp(16px,1.6vw,23px);display:flex;justify-content:center;gap:1em;white-space:nowrap}
.section{position:relative}.section-heading{text-align:center;margin-inline:auto;width:88%;position:relative}.section-heading h2{position:relative;font-size:clamp(25px,2.64vw,38px);line-height:1.4;font-weight:700;text-wrap:balance}.section-heading h2::before{content:'';position:absolute;top:55%;left:7%;right:7%;height:1px;background:var(--gold-light)}.section-heading h2::after{content:'';position:absolute;top:calc(55% - 3px);left:7%;right:7%;height:6px;background:radial-gradient(circle at 3px 3px,var(--gold) 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 3px) 3px,var(--gold) 3px,transparent 3.5px);pointer-events:none}.section-heading h2>span{position:relative;z-index:1;background:var(--section-bg,#faf9fd);padding-inline:18px}.section-heading p{font-size:20px;color:var(--muted);margin-top:10px;line-height:1.55}.panel{position:relative;border:1px solid var(--gold-light);border-radius:20px;background:#fffdfbf5;box-shadow:0 12px 28px #242e5b20}.panel::after{content:'';position:absolute;inset:6px;border:1px solid #f2e4c3;border-radius:14px;pointer-events:none}
.chart-section{padding-top:20px;padding-bottom:22px;--section-bg:#fcfcff}.chart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:30px;width:85.6%}.chart-card{padding:12px 12px 20px;min-width:0;text-align:center;display:flex;align-items:center;flex-direction:column;transition:transform .2s,box-shadow .2s}.chart-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #242e5b29}.chart-art{position:relative;display:block;width:100%;aspect-ratio:266/310;overflow:hidden;border-radius:12px}.chart-art img{width:100%;height:100%;object-fit:cover}.chart-art::after{content:'';position:absolute;left:0;right:0;bottom:0;height:24px;background:linear-gradient(#ffffff11,#f7f2ffee)}.chart-card strong{font-size:29px;line-height:1.35;margin:13px 0 8px}.chart-description{font-size:17px;line-height:1.55;color:var(--muted)}.chart-link{font-size:16px;font-weight:700;color:var(--purple);margin-top:29px}
.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:84%;margin:48px auto 0;border-top:1px solid #e5d7b5;padding-top:16px}.stats-strip>div{position:relative;display:flex;align-items:center;flex-direction:column;padding:0 8px}.stats-strip>div+div::before{content:'';position:absolute;left:0;top:8px;bottom:0;border-left:1px solid #e1d3b5}.stats-strip>div+div::after{content:'';position:absolute;left:-3px;top:25px;width:6px;height:6px;transform:rotate(45deg);background:var(--gold-light)}.stats-strip img{width:62px;height:62px;object-fit:cover;object-position:center 35%;border:3px solid #deb664;border-radius:50%;box-shadow:0 0 18px #daae5570}.stats-strip strong{font-size:19px;margin-top:18px;white-space:nowrap}
.sample-section{padding:46px 0 34px;background:linear-gradient(#f6f7ff,#fdfaff);--section-bg:#f7f7ff}.sample-layout{display:grid;grid-template-columns:53% 47%;align-items:center;margin-top:46px;width:87%;gap:0}.art-crop{position:relative;overflow:hidden}.art-crop>img{position:absolute;max-width:none;height:auto}.report-stack{aspect-ratio:680/440;margin-left:-16px;width:calc(100% + 16px)}.report-stack>img{width:211.7647059%;left:-11.7647059%;top:-400%}.quote-panel{padding:25px 46px 32px;min-height:400px;display:flex;flex-direction:column;border-color:#d5b46f;background:#fffdf9f5}.quote-label{align-self:flex-start;border:1px solid #dab669;border-radius:24px;background:#f5e2b2;color:var(--purple);font-weight:700;font-size:17px;line-height:1.45;padding:9px 30px}.quote-panel blockquote{font-size:22px;font-weight:700;line-height:1.8;margin:26px 0 25px;overflow-wrap:anywhere}.evidence-tags{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:auto 0 0;padding:0}.evidence-tags li{font-size:16px;font-weight:700;border:1px solid #e2cda2;background:#f8f0e1;border-radius:22px;padding:6px 13px;color:var(--purple)}.section-note{font-size:18px;color:var(--muted);text-align:center;margin:25px auto 0;max-width:92%;line-height:1.65}
.aspects-section{padding:40px 0 45px;--section-bg:#faf8fd}.aspects-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin-top:36px;margin-bottom:0;padding:22px;background:#ffffffe5;box-shadow:0 12px 24px #41347018}.aspects-grid li{display:flex;align-items:center;gap:24px;padding:20px 12px;min-height:69px;border-right:1px solid #e4ddeb;border-bottom:1px solid #e4ddeb;font-size:17px;font-weight:700;white-space:nowrap}.aspects-grid li:nth-child(5n){border-right:0}.aspects-grid li:nth-last-child(-n+5){border-bottom:0}.aspects-grid li span{font-size:16px;color:var(--gold);font-variant-numeric:tabular-nums;flex-shrink:0}
.delivery-section{padding:35px 0 33px;background:linear-gradient(#fbf9ff,#f6f8ff);--section-bg:#fbf9ff}.report-fan{position:relative;height:360px;display:flex;align-items:center;justify-content:center;margin-top:6px;width:88.6%}.report-page{position:relative;flex:0 0 18%;background:#fff;border:1px solid #ddc99b;padding:8px;box-shadow:8px 12px 9px #121b3a45;transform-origin:50% 75%;transition:transform .2s;max-width:238px}.report-page+.report-page{margin-left:-2%}.report-page img{width:100%;aspect-ratio:215/304;object-fit:cover}.report-page:nth-child(1){transform:rotate(6deg) translateY(8px)}.report-page:nth-child(2){transform:rotate(3deg)}.report-page:nth-child(3){transform:translateY(-6px)}.report-page:nth-child(4){transform:rotate(-2deg) translateY(-2px)}.report-page:nth-child(5){transform:rotate(-4deg) translateY(4px)}.report-page:nth-child(6){transform:rotate(-7deg) translateY(13px)}.report-page:hover,.report-page:focus-visible{transform:translateY(-12px);z-index:2}.delivery-summary{font-size:17px;font-weight:700;text-align:center;margin:12px auto 0;max-width:92%}
.free-cta{display:flex;flex-direction:column;align-items:center;gap:12px;width:88%;margin:44px auto 0;text-align:center}.cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 46px;border:1px solid #c49a4a;border-radius:999px;background:linear-gradient(180deg,#dfbd72,#c99b46);color:#fff;font-size:20px;font-weight:700;letter-spacing:.08em;box-shadow:0 10px 24px #ba8f413d,inset 0 1px 0 #ffffff66;transition:transform .2s,box-shadow .2s,filter .2s}.cta-button::before,.cta-button::after{content:'';flex-shrink:0;width:7px;height:7px;background:#fff8e6;transform:rotate(45deg)}.cta-button::before{margin-right:14px}.cta-button::after{margin-left:14px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #ba8f414d,inset 0 1px 0 #ffffff66;filter:brightness(1.03)}.free-cta-note{font-size:17px;color:var(--muted);line-height:1.6}
.free-section{padding:36px 0 40px;--section-bg:#faf8fd}.free-panel{width:85.6%;margin-top:30px;padding:34px 40px 30px;background:#fffdf9f5}.free-systems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0 0 26px;border-bottom:1px solid #eadcbc}.free-systems li{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;text-align:center}.free-systems img{flex-shrink:0;width:64px;height:64px;object-fit:cover;object-position:center 35%;border:3px solid #deb664;border-radius:50%;box-shadow:0 0 16px #daae5566}.free-systems strong{display:block;font-size:20px;line-height:1.4}.free-systems span{display:block;margin-top:2px;font-size:15px;line-height:1.55;color:var(--muted);text-wrap:balance}.free-panel-foot{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:26px;text-align:center}.free-panel-foot p{font-size:16px;color:var(--muted)}
@font-face{font-family:LuckyStarFooter;src:url('assets/LuckyStarFooterSerif.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:LuckyStarFooter;src:url('assets/LuckyStarFooterSerif-Black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
.closing-section{position:relative;width:100%;aspect-ratio:1440/513;container-type:inline-size;isolation:isolate;overflow:hidden}
.closing-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.closing-section::after{content:'';position:absolute;inset:0 0 auto;height:6%;background:linear-gradient(#faf8fd,transparent);pointer-events:none}
.closing-copy{position:absolute;top:9.5%;left:59%;width:29%;font-family:LuckyStarFooter,'Noto Serif TC','PMingLiU',serif;font-size:3.1cqw;font-weight:900;line-height:1.5;letter-spacing:.09em;text-align:center;color:#242c58;text-shadow:0 1px 5px #ffffffa6}
.closing-copy span,.closing-blessing span{display:block;white-space:nowrap}
.closing-wall{position:absolute;top:21.5%;left:1.8%;width:16.6%;font-family:LuckyStarFooter,'Noto Serif TC','PMingLiU',serif;text-align:center;color:#786038}
.closing-brand{font-size:1.85cqw;line-height:1.45;letter-spacing:.12em}.closing-brand-en{font-family:Georgia,'Times New Roman',serif;font-size:.58cqw;letter-spacing:.27em;line-height:1.7}
.closing-blessing{margin-top:1.15cqw;font-size:1.13cqw;line-height:1.85;letter-spacing:.02em}
.modal{padding:44px;border:1px solid var(--gold-light);border-radius:22px;color:var(--navy);background:#fffdf9;max-width:min(920px,92vw);max-height:90dvh;box-shadow:0 25px 100px #15193244}.modal::backdrop{background:#18214688;backdrop-filter:blur(5px)}.modal-close{position:sticky;top:0;float:right;z-index:2;border:1px solid var(--gold-light);border-radius:50%;width:44px;height:44px;line-height:1;background:#fffaf1;font-size:30px}.modal h2{font-size:28px;margin:0 0 24px}.modal h3{font-size:20px;margin:22px 0 8px}.modal p,.modal li{font-size:16px;line-height:1.85}.modal p{margin-bottom:14px}.eyebrow{font-size:13px!important;letter-spacing:.1em;color:var(--gold)}.chart-dialog-layout{display:grid;grid-template-columns:35% 1fr;gap:32px;clear:both}.chart-dialog-layout>img{border-radius:14px;width:100%}.report-modal{padding:20px;max-width:min(900px,94vw)}.report-modal figure{clear:both}.report-modal figure img{width:100%}.report-modal figcaption{padding:14px;text-align:center}.status-modal{width:560px}.dialog-confirm{border:1px solid var(--gold-light);background:#f9efd8;border-radius:24px;padding:10px 30px}.faq-note{border-top:1px solid var(--gold-light);padding-top:18px;color:var(--muted)}
@media(max-width:1199px){.primary-nav{gap:24px}.primary-nav a,.primary-nav button{font-size:16px}.brand{width:220px}.section-heading p{font-size:18px}.chart-grid{gap:18px;width:88.6%}.free-panel{width:88.6%}.free-systems{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px}.chart-card strong{font-size:25px}.stats-strip strong{font-size:16px}.quote-panel{padding:24px;min-height:350px}.quote-panel blockquote{font-size:18px;line-height:1.8}.evidence-tags{gap:7px}.evidence-tags li{font-size:14px;padding:5px 9px}.aspects-grid li{gap:12px;padding:18px 8px;font-size:15px;white-space:normal}.report-fan{height:310px}.delivery-summary{font-size:15px}}
@media(max-width:900px){.site-header{padding-inline:5%;height:88px}.brand{width:200px}.primary-nav{gap:18px}.primary-nav a,.primary-nav button{font-size:14px}.hero-copy{width:40%}.hero-tagline{gap:.4em;font-size:14px}.title-rule{margin:14px auto}.section-heading h2{font-size:27px}.section-heading p{font-size:16px}.chart-grid{gap:14px;width:91%}.cta-button{min-height:52px;padding:0 34px;font-size:18px}.free-cta-note{font-size:15px}.free-panel{width:91%;padding:28px 24px 24px}.chart-card{padding:9px 9px 16px}.chart-card strong{font-size:23px}.chart-description{font-size:15px}.chart-link{font-size:14px;margin-top:20px}.stats-strip{width:90%;margin-top:40px}.stats-strip strong{font-size:14px}.stats-strip img{width:54px;height:54px}.sample-layout{width:92%;margin-top:28px}.quote-panel{padding:20px;min-height:300px}.quote-panel blockquote{font-size:16px}.quote-label{font-size:14px;padding:7px 17px}.evidence-tags li{font-size:13px}.aspects-grid{width:92%;padding:14px}.aspects-grid li{gap:8px;padding:15px 6px;font-size:14px}.aspects-grid li span{font-size:14px}.report-fan{height:270px}.section-note{font-size:16px}}
@media(max-width:760px){.page-frame::after{inset:5px}.site-header{height:82px;padding:8px 6%}.brand{width:206px}.nav-toggle{display:block}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fffdf9;border-bottom:1px solid var(--gold-light);box-shadow:0 10px 20px #1c275b15;padding:12px 7%}.primary-nav.open{display:flex}.primary-nav a,.primary-nav button{text-align:left;font-size:16px;padding:12px 0}.hero{aspect-ratio:941/1672}.hero-copy{top:7%;left:50%;width:77%}.hero-tagline{font-size:clamp(12px,3vw,19px);gap:.65em}.title-rule{margin:14px auto;width:60%}.section-heading{width:90%}.section-heading h2{font-size:26px;line-height:1.5}.section-heading h2::before,.section-heading h2::after{display:none}.section-heading h2>span{padding:0;background:none}.section-heading p{margin-top:12px;line-height:1.75;text-wrap:pretty}.chart-section{padding-top:18px;padding-bottom:30px}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;margin-top:24px;width:88.6%}.chart-card{padding:10px 10px 20px}.chart-card strong{font-size:24px;margin:12px 0 8px}.chart-description{font-size:16px}.chart-link{font-size:14px;margin-top:20px}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0;margin-top:34px;padding-top:22px;width:88.6%}.stats-strip>div:nth-child(3)::before,.stats-strip>div:nth-child(3)::after{display:none}.stats-strip strong{font-size:14px;white-space:normal;text-align:center;margin-top:12px}.sample-section{padding:34px 0}.sample-layout{display:flex;flex-direction:column;width:88.6%;margin-top:18px}.report-stack{width:100%;margin:0}.quote-panel{width:100%;min-height:0;padding:26px 22px;margin-top:12px}.quote-panel blockquote{font-size:18px;line-height:1.9;margin:22px 0 26px}.quote-panel blockquote br{display:none}.quote-label{font-size:15px}.evidence-tags{gap:8px}.evidence-tags li{font-size:14px;padding:5px 10px}.section-note{font-size:15px;max-width:87%;line-height:1.85;margin-top:24px}.aspects-section{padding:35px 0}.aspects-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;margin-top:26px;width:88.6%}.aspects-grid li{font-size:15px;min-height:66px;gap:10px;padding:13px 8px}.aspects-grid li:nth-child(5n){border-right:1px solid #e4ddeb}.aspects-grid li:nth-child(2n){border-right:0}.aspects-grid li:nth-last-child(-n+5){border-bottom:1px solid #e4ddeb}.aspects-grid li:last-child{grid-column:1/-1;border:0}.delivery-section{padding:32px 0}.report-fan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;gap:22px 6px;margin:26px auto;width:84%}.report-page{max-width:none;width:100%;padding:4px}.report-page+.report-page{margin:0}.report-page:nth-child(n){transform:rotate(var(--angle,0deg));z-index:auto}.report-page:nth-child(1){--angle:4deg}.report-page:nth-child(2){--angle:1deg}.report-page:nth-child(3){--angle:-3deg}.report-page:nth-child(4){--angle:3deg}.report-page:nth-child(5){--angle:-1deg}.report-page:nth-child(6){--angle:-4deg}.report-page:hover,.report-page:focus-visible{transform:translateY(-5px)}.delivery-summary{font-size:15px;line-height:2;max-width:88%}.free-cta{margin-top:30px}.free-cta-note{line-height:1.75;text-wrap:pretty}.cta-button{min-height:50px;padding:0 26px;font-size:17px;letter-spacing:.05em}.free-section{padding:34px 0}.free-panel{width:88.6%;margin-top:22px;padding:22px 18px}.free-systems{grid-template-columns:1fr;gap:16px;padding-bottom:20px}.free-systems li{flex-direction:row;gap:14px;text-align:left}.free-systems span{text-wrap:pretty}.free-systems img{width:56px;height:56px}.free-systems strong{font-size:18px}.free-systems span{font-size:14px}.free-panel-foot{padding-top:20px}.free-panel-foot p{font-size:14px;line-height:1.75;text-wrap:pretty}.modal{padding:24px;max-width:94vw}.modal h2{font-size:24px}.chart-dialog-layout{grid-template-columns:1fr;gap:22px}.chart-dialog-layout>img{max-width:210px;margin:auto}.modal-close{margin-bottom:12px}.report-modal{padding:10px}}
@media(max-width:374px){.chart-grid,.sample-layout,.aspects-grid{width:90%}.chart-grid{gap:24px 10px}.chart-card strong{font-size:22px}.chart-description{font-size:14px}.aspects-grid li{font-size:14px;padding-inline:4px;gap:7px}.cta-button::before,.cta-button::after{display:none}.hero-tagline{font-size:12px}}
.mobile-break{display:none}.delivery-summary>span{display:inline-block;white-space:nowrap}
@media(min-width:1200px){.chart-section{padding-top:18px;padding-bottom:16px}.chart-grid{margin-top:24px}.chart-card{padding-bottom:15px}.chart-link{margin-top:22px}.sample-section{padding-bottom:48px}.sample-layout{height:400px}.aspects-section{padding:34px 0 29px}.aspects-grid{margin-top:16px}.delivery-section{padding-bottom:11px}.report-fan{height:335px}.free-panel{margin-top:24px}}
@media(max-width:760px){.mobile-break{display:block}.desktop-gap{display:none}.section-heading h2{font-size:24px;text-wrap:initial}.section-heading h2>span{display:inline-block}.hero-tagline{font-size:clamp(14px,3.5vw,19px);gap:.5em;flex-wrap:wrap;white-space:normal}.stats-strip strong{text-wrap:balance}}
@media(max-width:374px){.section-heading h2{font-size:22px}.hero-tagline{gap:0;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}