:root{--ink:#f5f0e4;--muted:#a7a59f;--gold:#d9b66f;--jade:#65c6ad;--red:#d96358;--bg:#080b16;--panel:rgba(19,23,39,.72);--line:rgba(217,182,111,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;overflow-x:hidden}button,input,select{font:inherit}.noise{position:fixed;inset:0;opacity:.045;pointer-events:none;z-index:20;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.orb{position:fixed;width:36rem;height:36rem;border-radius:50%;filter:blur(130px);opacity:.13;pointer-events:none}.orb-a{background:#174f78;right:-15rem;top:-8rem}.orb-b{background:#7f401f;left:-18rem;bottom:-15rem}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,28px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(8,11,22,.78);backdrop-filter:blur(20px);z-index:15}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand .seal{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font-family:serif;font-size:23px;transform:rotate(45deg)}.brand .seal::first-letter{transform:rotate(-45deg)}.brand span:last-child{display:flex;flex-direction:column;gap:2px}.brand b{letter-spacing:.18em}.brand small{font-size:8px;letter-spacing:.2em;color:var(--muted)}nav{display:flex;gap:32px}nav a,footer a{color:var(--muted);text-decoration:none;font-size:13px;letter-spacing:.14em}nav a:hover{color:var(--gold)}button{color:inherit}.header-actions{display:flex;gap:8px}.ghost,.icon,.clear-btn{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:9px 15px;cursor:pointer}.icon{width:38px;padding:9px}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:8vh 8vw 9vh;max-width:1600px;margin:auto}.eyebrow,.kicker{font-size:10px;letter-spacing:.25em;color:var(--gold);text-transform:uppercase}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--jade);border-radius:50%;box-shadow:0 0 12px var(--jade);margin-right:8px}.hero h1{font:500 clamp(64px,8vw,126px)/.96 "Noto Serif TC","Songti TC",serif;letter-spacing:-.06em;margin:28px 0}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--gold);text-shadow:0 0 50px rgba(217,182,111,.16)}.hero-copy>p{max-width:570px;color:var(--muted);line-height:1.9;font-size:16px}.hero-actions{display:flex;gap:26px;align-items:center;margin:38px 0 28px}.primary{border:0;border-radius:2px;background:linear-gradient(135deg,#e2c382,#b98b40);color:#12100b;padding:16px 22px;font-weight:700;letter-spacing:.08em;cursor:pointer;box-shadow:0 10px 35px rgba(217,182,111,.15);transition:.25s}.primary:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(217,182,111,.25)}.primary span{margin-left:20px}.text-link{color:var(--muted);text-decoration:none;font-size:13px}.trust{display:flex;gap:22px;color:#747982;font-size:11px}.compass-wrap{height:600px;position:relative;display:grid;place-items:center}.compass{width:min(35vw,470px);aspect-ratio:1;border:1px solid rgba(217,182,111,.3);border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:inset 0 0 80px rgba(217,182,111,.05),0 0 100px rgba(41,82,95,.12);animation:float 7s ease-in-out infinite}.ring{position:absolute;border:1px solid var(--line);border-radius:50%}.r1{inset:9%;border-style:dashed;animation:spin 70s linear infinite}.r2{inset:25%}.trigrams{text-align:center;font:28px/2.05 serif;color:rgba(217,182,111,.55);letter-spacing:.6em;transform:translateX(.3em)}.center-orb{position:absolute;width:96px;height:96px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#29354c,#0d1220 70%);border:1px solid var(--gold);font-size:10px;color:var(--muted);box-shadow:0 0 40px rgba(217,182,111,.18)}.center-orb b{font:23px serif;color:var(--gold)}.float-card{position:absolute;padding:13px 18px;background:rgba(13,18,32,.82);border:1px solid var(--line);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:4px;font-size:11px}.float-card small,.float-card span{color:var(--muted)}.float-card b{color:var(--gold)}.fc1{left:3%;top:27%}.fc2{right:0;bottom:22%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px)}}.section{padding:110px max(7vw,30px);max-width:1500px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px;gap:40px}.section-head h2{font:46px serif;margin:10px 0 0}.section-head>p{max-width:490px;color:var(--muted);line-height:1.7}.date-chip{text-align:right}.date-chip b,.date-chip span{display:block}.date-chip b{font:24px serif}.date-chip span{font-size:11px;color:var(--muted);margin-top:6px}.today-grid{display:grid;grid-template-columns:1.25fr 1fr .72fr;gap:15px}.glass{background:linear-gradient(145deg,rgba(24,30,49,.82),rgba(13,17,30,.72));border:1px solid var(--line);backdrop-filter:blur(18px)}.today-grid article{padding:28px;min-height:230px}.score-card{display:flex;align-items:center;gap:25px}.score-ring{width:130px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;flex:none;background:conic-gradient(var(--gold) calc(var(--score)*1%),rgba(255,255,255,.06) 0);position:relative}.score-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#111727}.score-ring div{z-index:1;text-align:center}.score-ring b{display:block;font:40px serif;color:var(--gold)}.score-ring span{font-size:10px;color:var(--muted)}article small{color:var(--gold);letter-spacing:.15em}article h3{font:24px serif;margin:12px 0}article p{font-size:13px;color:var(--muted);line-height:1.7}.timeline{grid-column:span 2}.time-bars{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;height:110px;align-items:end;margin-top:25px}.time-bars span{background:linear-gradient(to top,rgba(217,182,111,.2),var(--gold));height:var(--h);position:relative;border-radius:2px 2px 0 0}.time-bars span:after{content:attr(data-t);position:absolute;bottom:-22px;font-size:9px;color:var(--muted);left:50%;transform:translateX(-50%)}.legend{display:flex;gap:14px;margin-top:35px;color:var(--muted);font-size:10px}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.good{background:var(--gold)}.mid{background:#746a58}.low{background:#33394b}.mini-compass{height:125px;display:grid;place-content:center;text-align:center;position:relative}.mini-compass:before{content:"";position:absolute;width:100px;height:100px;border:1px solid var(--line);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.mini-compass b{font:22px serif;color:var(--jade)}.mini-compass span{font-size:9px;color:var(--muted)}.needle{position:absolute;width:1px;height:80px;background:linear-gradient(var(--red) 50%,#87909a 50%);left:50%;top:22px;transform:rotate(35deg)}.elements{grid-column:span 2}.element-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;height:140px;align-items:end;margin-top:20px}.element-row span{height:var(--h);border-top:2px solid var(--gold);background:linear-gradient(rgba(217,182,111,.22),transparent);padding:9px;font:14px serif}.element-row b{float:right;color:var(--gold)}.chart-workspace{display:grid;grid-template-columns:420px 1fr;gap:16px}.birth-form{padding:30px}.birth-form label{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;margin-bottom:18px}.birth-form input,.birth-form select{width:100%;margin-top:8px;padding:13px;background:#0c1120;border:1px solid var(--line);color:var(--ink);border-radius:2px;color-scheme:dark}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.privacy-check{display:flex!important;gap:8px;line-height:1.5}.privacy-check input{width:auto;margin:2px 0}.wide{width:100%}.clear-btn{width:100%;margin-top:10px;border:0}.preview{min-height:500px;padding:34px}.empty-state{height:100%;min-height:420px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-symbol{width:100px;height:100px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin:auto;font:44px serif;color:var(--gold)}.empty-state h3{font:25px serif;color:var(--ink);margin:25px 0 5px}.chart-result .result-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.chart-result h3{font:30px serif;margin:4px 0}.pill{padding:8px 12px;border:1px solid var(--line);color:var(--gold);height:max-content;font-size:11px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:26px 0}.pillar{text-align:center;padding:17px 8px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.pillar small{display:block}.pillar b{font:27px serif;display:block;margin:7px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-box{padding:18px;background:rgba(255,255,255,.025)}.result-box b{color:var(--gold)}.result-box p{margin-bottom:0}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tool-card{border:1px solid var(--line);background:rgba(18,23,38,.6);padding:24px;text-align:left;display:grid;grid-template-columns:35px 55px 1fr 20px;gap:12px;align-items:center;cursor:pointer;transition:.25s}.tool-card:hover,.tool-card.active{background:rgba(32,39,58,.9);border-color:rgba(217,182,111,.48);transform:translateY(-2px)}.tool-card>span{font-size:9px;color:#626878}.tool-card>i{font:30px serif;font-style:normal;color:var(--gold);border-right:1px solid var(--line)}.tool-card h3{font:19px serif;margin:0 0 7px}.tool-card p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.tool-card>b{color:var(--gold)}.tool-panel{margin-top:15px;padding:30px;min-height:160px}.panel-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.panel-layout h3{font:27px serif;margin:8px 0}.panel-layout p{color:var(--muted);line-height:1.7}.panel-controls{display:flex;gap:8px;flex-wrap:wrap}.panel-controls input,.panel-controls select{background:#0c1120;border:1px solid var(--line);color:var(--ink);padding:12px;min-width:150px}.vault-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-bottom:150px}.vault-copy h2{font:50px serif;margin:15px 0}.vault-copy p{color:var(--muted);line-height:1.8}.vault-actions{display:flex;gap:10px;margin-top:28px}.vault-stack{min-height:270px;position:relative}.vault-stack article{position:absolute;inset:15px 35px;padding:35px;background:linear-gradient(135deg,#293044,#111622);border:1px solid var(--line);box-shadow:0 20px 60px #050711;display:flex;flex-direction:column;justify-content:center;gap:10px}.vault-stack article:before,.vault-stack article:after{content:"";position:absolute;inset:8px;border:1px solid rgba(217,182,111,.1)}.vault-stack article:after{inset:-12px 12px;z-index:-1;background:#0d1220}.vault-stack span{color:var(--gold);font-size:11px;letter-spacing:.2em}.vault-stack b{font:26px serif}.vault-stack small{color:var(--muted)}footer{border-top:1px solid var(--line);padding:42px max(5vw,30px);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;gap:30px}footer p{max-width:500px;text-align:center}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#e2c382;color:#111;padding:12px 22px;border-radius:2px;opacity:0;pointer-events:none;transition:.25s;z-index:30;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:90px}.compass-wrap{height:460px}.compass{width:min(78vw,400px)}.today-grid{grid-template-columns:1fr 1fr}.score-card,.timeline,.elements{grid-column:span 2}.chart-workspace{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr 1fr}.vault-section{grid-template-columns:1fr}.section{padding:80px 24px}.hero h1{font-size:72px}}@media(max-width:560px){header{height:66px;padding:0 16px}.header-actions .ghost{display:none}.hero{padding:60px 20px 50px;min-height:auto}.hero h1{font-size:54px}.hero-actions{align-items:flex-start;flex-direction:column}.trust{flex-wrap:wrap;gap:10px}.compass-wrap{height:390px}.fc1{left:0}.fc2{right:0}.section-head{align-items:start;flex-direction:column}.section-head h2,.vault-copy h2{font-size:37px}.today-grid,.tool-grid{grid-template-columns:1fr}.score-card,.timeline,.elements{grid-column:span 1}.score-card{flex-direction:column;align-items:flex-start}.chart-workspace{display:block}.preview{margin-top:12px;padding:20px}.form-row,.result-grid{grid-template-columns:1fr}.pillars{grid-template-columns:repeat(2,1fr)}.tool-card{grid-template-columns:25px 48px 1fr 15px;padding:18px}.panel-layout{grid-template-columns:1fr}.vault-actions{flex-direction:column}.vault-stack{min-height:240px}footer{flex-direction:column;text-align:center}.brand b{font-size:13px}}