@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700&display=swap');
:root{--paper:#f8f6f1;--ink:#303b34;--muted:#777b73;--purple:#74668e;--line:#dedfd5;--serif:'Noto Serif TC',serif;--sans:'Noto Sans TC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a389bf;outline-offset:5px}.header{height:96px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:2px}.brand-icon{font-size:42px;line-height:1;font-weight:400}.brand small{display:block;font:8px var(--sans);letter-spacing:3.5px;margin-top:5px}.header nav{display:flex;gap:36px;font-size:13px}.header nav a:hover{color:var(--purple)}.nav-cta{border:1px solid #aeb5a4;background:transparent;border-radius:5px;padding:12px 20px;color:var(--ink);font-size:12px}.nav-cta span{margin-left:20px}.hero{max-width:1320px;padding:68px 48px 60px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:500;display:flex;align-items:center;gap:10px;color:#7c806f}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#9a9c77}h1{font-family:var(--serif);font-size:clamp(40px,4.2vw,60px);line-height:1.45;letter-spacing:2px;font-weight:500;position:relative;margin:24px 0}h1 em{font-style:normal;color:var(--purple);position:relative}h1 em:after{content:'';position:absolute;bottom:-7px;left:0;width:100%;height:13px;border-top:1px solid #a99cb9;border-radius:50%;transform:rotate(-3deg)}.small-star{color:#9b9771;font-size:38px;margin-left:26px}.hero-copy>p{font-size:14px;line-height:2;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{border:0;border-radius:5px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:16px 24px;font-size:13px;transition:transform .2s,background .2s}.primary{background:var(--ink);color:#fff}.primary:hover{background:#4a5b4d;transform:translateY(-2px)}.free-note{font-size:10px;color:#848679;line-height:1.9}.hero-foot{font-size:10px;color:#8c8d80;margin-top:40px}.hero-foot>span{margin-right:8px;color:#a29976}.orbit-art{height:500px;position:relative;overflow:hidden;border-radius:50% 50% 3px 3px;background:radial-gradient(ellipse at 51% 42%,#f3e7c7 0%,#ede9d6 23%,#e1e2d8 48%,#dce3db 70%,#cddbd4 100%)}.art-grain{position:absolute;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%236c776c' opacity='.2' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.orbit{position:absolute;border:1px solid #8d99834f;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.o1{width:210px;height:210px}.o2{width:340px;height:340px}.o3{width:455px;height:455px}.o4{width:390px;height:145px;transform:translate(-50%,-50%) rotate(-35deg)}.cross-line{position:absolute;width:480px;height:1px;background:#89947e45;top:50%;left:50%;transform:translate(-50%,-50%) rotate(52deg)}.sun-core{position:absolute;width:132px;height:132px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #8b9774;border-radius:50%;display:grid;place-items:center;color:#8c9474;box-shadow:0 0 65px #e8d496}.sun-core span{font-size:104px;font-family:serif;line-height:1;font-weight:100}.moon{position:absolute;width:65px;height:65px;border-radius:50%;background:#818b76;top:66px;right:105px;box-shadow:inset -18px -4px 0 #e8e6d7;transform:rotate(-25deg)}.art-star{position:absolute;color:#748068;font-size:45px}.star1{top:100px;left:110px}.star2{bottom:75px;right:80px;font-size:55px}.star3{bottom:118px;left:83px;font-size:17px}.star4{top:200px;right:44px;font-size:23px}.orb-dot{position:absolute;background:#88947e;border-radius:50%;width:9px;height:9px}.d1{top:210px;left:96px}.d2{bottom:78px;left:230px;width:5px;height:5px}.d3{top:104px;left:238px;width:4px;height:4px}.floating-label{position:absolute;background:#f9f7efdb;border:1px solid #ffffffe0;border-radius:5px;padding:12px 16px;font-size:10px;letter-spacing:1px;box-shadow:0 8px 25px #41534208}.floating-label span{font-size:18px;vertical-align:middle;margin-right:8px}.label1{top:170px;left:16px;transform:rotate(-6deg)}.label2{bottom:114px;right:8px;transform:rotate(5deg)}.art-caption{position:absolute;bottom:25px;left:0;right:0;text-align:center;font:8px var(--sans);letter-spacing:4px;color:#707e6e}.art-top{position:absolute;top:30px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2px;color:#87917d}.ticker{display:flex;justify-content:center;align-items:center;gap:60px;padding:21px;background:#efeee5;border-block:1px solid #e5e5d9;font-size:11px;letter-spacing:2px;color:#818370}.ticker b{font-weight:400;font-size:18px}.section{max-width:1320px;margin:auto;padding:80px 48px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px}h2{font:500 30px/1.6 var(--serif);letter-spacing:1px;margin:12px 0 0}.section-heading>p{font-size:12px;color:var(--muted);margin-bottom:7px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.explore-card{padding:20px 22px;text-align:left;color:var(--ink);border:1px solid #dddcd3;border-radius:7px;transition:transform .25s,box-shadow .25s;background:transparent}.explore-card:hover{transform:translateY(-6px);box-shadow:0 12px 26px #3b39380c}.zodiac{background:#ece9f2}.personality{background:#e8ede4}.human{background:#f2e9dd}.iching{background:#e7ecec}.card-top{display:flex;align-items:center;justify-content:space-between;gap:3px}.tag{font-size:9px;padding:5px 8px;border:1px solid #b6b7ab88;border-radius:20px}.card-num{font:10px Georgia;color:#9a9d91}.card-art{height:142px;position:relative;display:flex;align-items:center;justify-content:center;margin:6px 0}.zodiac-art>span{font-size:91px;color:#91839f}.zodiac-art i{position:absolute;border:1px solid #91839f65;width:144px;height:72px;border-radius:50%;transform:rotate(-32deg)}.zodiac-art b{position:absolute;font-size:29px;color:#91839f;top:13px;right:23px;font-weight:400}.personality-art{display:grid;grid-template-columns:46px 46px;grid-template-rows:46px 46px;gap:5px;align-content:center;transform:rotate(-12deg)}.personality-art>div{background:#a4b395;border-radius:50% 50% 10% 50%}.personality-art>div:nth-child(2){transform:rotate(90deg);background:#bec9b3}.personality-art>div:nth-child(3){transform:rotate(-90deg);background:#ced6c5}.personality-art>div:nth-child(4){transform:rotate(180deg);background:#839879}.personality-art>span{position:absolute;left:calc(50% - 10px);top:60px;color:var(--paper);font-size:26px}.human-art svg{width:165px;height:130px;fill:#f2e9dd;stroke:#b49a75;stroke-width:1}.human-art .filled{fill:#c7b38f}.iching-art{flex-direction:column;gap:8px;transform:rotate(-9deg)}.iching-art>span{height:7px;width:83px;background:#8fa4a0}.iching-art .broken{background:linear-gradient(90deg,#8fa4a0 43%,transparent 43%,transparent 57%,#8fa4a0 57%)}.card-label{font-size:8px;letter-spacing:1.7px;color:#85887f}h3{font:600 20px/1.5 var(--serif);margin:8px 0 12px}.explore-card p{font-size:11px;line-height:1.9;color:#767c73}.card-bottom{border-top:1px solid #9fa59740;margin-top:21px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:10px}.circle-arrow{border:1px solid #adb1a2;border-radius:50%;display:grid;place-items:center;width:26px;height:26px;font-size:15px}.section-note{font-size:10px;color:#8c8e83;margin:22px 0 0;line-height:1.9}.manifesto{max-width:1224px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:48px 64px;background:#eeeae3;border-block:1px solid #dfdbd2}.manifesto-symbol{font-size:115px;color:#b4a381;font-family:serif}.manifesto h2{font-size:27px}.manifesto p{font-size:12px;line-height:2;color:var(--muted)}.manifesto-side{font-size:8px;line-height:2;letter-spacing:3px;writing-mode:vertical-rl;color:#929385}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{padding-top:25px;border-top:1px solid var(--line)}.steps article>span{font:italic 20px Georgia;color:#a3a48c}.steps h3{margin-top:20px;font-size:19px}.steps p{font-size:12px;color:var(--muted);line-height:2;max-width:290px}.pricing-section{background:#e9ece3;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:70px max(48px,calc((100vw - 1128px)/2));align-items:center}.pricing-copy h2{font-size:38px}.pricing-copy p{font-size:13px;color:#78816f;line-height:2;margin-top:23px}.price-assurance{font-size:10px;margin-top:32px;color:#77816e}.price-card{background:#f9f8f3;border:1px solid #d5dacb;border-radius:7px;padding:30px 34px;max-width:430px}.price-top{display:flex;align-items:center;justify-content:space-between;font-size:14px}.price{font:64px Georgia;margin-top:18px}.price>small{font:16px var(--sans);margin-right:8px}.price>span{font:11px var(--sans);color:#7d8376;margin-left:15px}.price-card>p{font-size:11px;color:#848879}.price-card ul{padding:16px 0;margin:18px 0 15px;border-top:1px solid var(--line);list-style:none;font-size:11px;line-height:2.8}.price-card li:before{content:'✧';color:#8f987e;margin-right:12px}.price-card .button{width:100%;font-size:12px}.payment-note{display:block;text-align:center;font-size:9px;line-height:1.8;color:#898d81;margin-top:13px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line)}summary{padding:20px 0;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font-size:13px;list-style:none}summary::-webkit-details-marker{display:none}summary>span{color:#989d89}details p{font-size:12px;color:#7d8377;line-height:2;margin:0 25px 20px 0}.closing{text-align:center;padding:40px 24px 80px}.closing>span{font-size:50px;color:#b0a17f}.closing h2{font-size:29px;margin:10px 0 25px}footer{max-width:1224px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:25px;padding:32px 0}footer .brand{font-size:17px}footer .brand-icon{font-size:30px}footer .brand small{font-size:6px}footer>p{font-size:10px;color:#919589;flex:1}footer button{border:0;background:none;color:#858b7e;font-size:10px;padding:8px}footer>small{flex-basis:100%;font-size:9px;color:#969b8f;text-align:right}dialog{border:1px solid #d6d6c9;border-radius:12px;background:var(--paper);color:var(--ink);width:600px;max-width:calc(100% - 28px);max-height:90dvh;padding:42px;box-shadow:0 25px 100px #1d2b3045}dialog::backdrop{background:#23342c77;backdrop-filter:blur(5px)}.close{position:absolute;top:10px;right:14px;border:0;background:none;color:#747e6c;font-size:28px;width:34px;height:34px}.modal-eyebrow{font-size:9px;letter-spacing:2px;color:#929780;margin-bottom:10px}dialog h2{font-size:27px;margin:6px 0 16px}dialog p{font-size:13px;line-height:1.95;color:#717a6c}.field{display:block;font-size:12px;margin:20px 0 8px}.input{width:100%;border:1px solid #cfd4c6;border-radius:5px;padding:13px;background:#fffdf7;color:var(--ink)}textarea.input{min-height:100px;resize:vertical}dialog .button{margin-top:20px}dialog .hint{font-size:10px;color:#8a8e7f;line-height:1.8}.progress{height:3px;background:#e0e2d7;margin:24px 0}.progress i{display:block;height:100%;background:#8e9f7d;transition:width .2s}.answers{display:grid;gap:12px;margin-top:24px}.answer{border:1px solid #cdd2c4;border-radius:6px;background:#f1f1e8;color:var(--ink);text-align:left;padding:18px;line-height:1.6}.answer:hover{background:#e5e9dd;border-color:#85977a}.back{border:0;background:none;color:#7c8373;padding:16px 0;font-size:12px}.result-symbol{text-align:center;font:72px Georgia;color:#9483a2;margin:12px 0}.result-title{text-align:center}.result-sub{text-align:center;font-size:11px;color:#969b8d}.result-box{padding:20px;background:#eeeae3;border-radius:7px;margin:20px 0}.result-box h3{font-size:17px}.result-box p{font-size:12px;margin-bottom:0}.traits{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:18px 0}.traits span{padding:6px 11px;border:1px solid #d2d5c8;border-radius:20px;font-size:10px}.row-buttons{display:flex;flex-wrap:wrap;gap:10px}.secondary{background:#e6e9df;color:var(--ink)}.paywall{border:1px solid #d5d9c9;border-radius:7px;padding:20px;margin-top:25px}.paywall h3{font-size:17px}.paywall .button{width:100%;margin-top:8px}.report-label{display:inline-block;color:#77628e;background:#eee7f4;padding:6px 10px;border-radius:4px;font-size:10px}.hexagram{display:flex;flex-direction:column-reverse;gap:10px;align-items:center;margin:24px 0}.hex-line{display:flex;width:124px;height:9px;gap:17px;position:relative}.hex-line b{display:block;background:#85967a;flex:1}.hex-line.moving b{background:#ad9270}.hex-line small{position:absolute;left:139px;font-size:10px;white-space:nowrap;top:-3px;color:#988367}.score-row{display:flex;justify-content:space-between;font-size:11px;margin-top:16px}.score-bar{height:6px;background:#ded8e6;border-radius:4px;margin-top:6px}.score-bar i{display:block;background:#829777;height:100%;border-radius:4px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:7px;background:#303b34;color:white;box-shadow:0 5px 30px #0002;font-size:12px;z-index:10;display:none;max-width:90%;text-align:center}@media(min-width:1500px){.hero{padding-top:84px;padding-bottom:80px}}@media(max-width:1000px){.header{padding:0 30px}.hero{padding:50px 30px}.orbit-art{height:460px}.card-grid{gap:12px}.explore-card{padding:16px}.section{padding:60px 30px}.ticker{gap:25px;font-size:9px}.manifesto{margin:0 30px;padding:40px}.manifesto-symbol{font-size:85px}.pricing-section{padding:50px 40px;gap:40px}footer{margin:0 30px}.section-heading{align-items:start}.section-heading>p{max-width:200px;line-height:1.8}.card-bottom{font-size:9px}.label1{left:8px}.label2{right:6px;font-size:9px}}@media(max-width:720px){.header{height:78px;padding:0 22px}.brand{font-size:20px}.brand-icon{font-size:34px}.header nav{display:none}.nav-cta{padding:10px 13px;font-size:10px}.nav-cta span{margin-left:8px}.hero{display:flex;flex-direction:column;padding:40px 24px;gap:35px;align-items:stretch}.hero h1{font-size:43px;line-height:1.4;letter-spacing:1px}.hero-copy>p{font-size:13px}.hero-foot{margin-top:26px}.orbit-art{height:380px;width:100%;max-width:460px;align-self:center}.o3{width:385px;height:385px}.o2{width:290px;height:290px}.o1{width:180px;height:180px}.o4{width:340px}.moon{top:38px;right:79px;width:52px;height:52px}.star1{top:70px;left:78px}.label1{top:134px}.label2{bottom:78px}.star2{bottom:45px;right:69px}.star3{bottom:70px;left:65px}.d1{top:150px;left:68px}.art-top{top:19px}.ticker{gap:18px;padding:17px 15px;flex-wrap:wrap}.ticker>span:nth-of-type(n+3),.ticker>b:nth-of-type(n+2){display:none}.section{padding:48px 22px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{max-width:none;font-size:11px;margin-top:12px}h2{font-size:25px}.card-grid{grid-template-columns:1fr 1fr;gap:12px}.explore-card{padding:14px}.tag{font-size:8px;padding:4px 6px}.card-num{display:none}.card-art{height:120px}.card-label{font-size:7px;letter-spacing:1px}.explore-card h3{font-size:18px;letter-spacing:-.5px}.explore-card p{font-size:10px}.card-bottom{gap:3px;margin-top:16px;font-size:9px}.circle-arrow{width:23px;height:23px;flex-shrink:0}.zodiac-art i{width:122px}.zodiac-art>span{font-size:80px}.zodiac-art b{right:4px}.human-art svg{width:140px}.personality-art>span{top:49px}.section-note{font-size:9px}.manifesto{margin:0 22px;padding:28px 20px;gap:20px}.manifesto-symbol{font-size:50px}.manifesto h2{font-size:20px}.manifesto .eyebrow{font-size:7px;letter-spacing:1px}.manifesto p{font-size:10px}.manifesto-side{display:none}.steps{grid-template-columns:1fr;gap:22px}.steps article{display:grid;grid-template-columns:44px 1fr;padding-top:20px;column-gap:12px}.steps h3{margin:0 0 5px}.steps p{grid-column:2;margin:0;max-width:none}.pricing-section{grid-template-columns:1fr;padding:40px 24px;gap:25px}.pricing-copy h2{font-size:31px}.price-assurance{margin-top:16px}.price-card{max-width:none;padding:26px}.faq{grid-template-columns:1fr;gap:20px}summary{font-size:12px}.closing{padding:10px 22px 50px}.closing h2{font-size:23px}footer{margin:0 22px;gap:20px;padding-top:25px}footer>p{flex-basis:50%;font-size:9px;line-height:1.8}footer>small{text-align:left;line-height:1.8}dialog{padding:35px 24px}dialog h2{font-size:24px}.row-buttons .button{gap:15px;padding:13px 16px;font-size:11px}.button{padding:15px 20px}.result-symbol{font-size:56px}.faq h2{margin-bottom:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.personality-art>div{width:46px;height:46px}.brand-icon{font-variant-emoji:text}@media(max-width:720px){.explore-card h3{font-size:16px;letter-spacing:-.7px}.explore-card p{font-size:9.5px}.card-art{margin-top:14px}.card-top{min-height:23px}}