:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",sans-serif;color:#f2eeff;background:#060b1b;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em}p{line-height:1.75}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f7dba9;outline-offset:4px}.skip{position:absolute;z-index:100;transform:translateY(-120%);background:#111a46;padding:10px}.skip:focus{transform:none}.space{pointer-events:none;position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse 85% 55% at 52% 0%,#1b1f58 0%,transparent 76%),linear-gradient(170deg,#080b1f 0%,#090c21 45%,#0d1024 100%)}.nebula{position:absolute;inset:-20%;background:radial-gradient(ellipse 18% 15% at 37% 37%,#8e3ad543,transparent 95%),radial-gradient(ellipse 28% 13% at 68% 48%,#427de344,transparent 95%),radial-gradient(ellipse 20% 12% at 58% 71%,#d7518536,transparent 95%);filter:blur(28px)}.stars{position:absolute;inset:0;opacity:.72;background-image:radial-gradient(1px 1px at 8% 14%,#fff 99%,transparent),radial-gradient(1px 1px at 56% 18%,#f8e6c5 99%,transparent),radial-gradient(2px 2px at 82% 12%,#d3c4ff 99%,transparent),radial-gradient(1px 1px at 24% 49%,#fff 99%,transparent),radial-gradient(1px 1px at 72% 62%,#fff 99%,transparent),radial-gradient(2px 2px at 44% 78%,#95a2ff 99%,transparent),radial-gradient(1px 1px at 91% 83%,#fff 99%,transparent);background-size:270px 290px,340px 280px,460px 370px,330px 420px,310px 260px,520px 460px,410px 420px}.wrapper{width:min(1060px,calc(100% - 38px));margin-inline:auto}.topbar{height:76px;display:flex;align-items:center;gap:32px;justify-content:space-between;padding:0 max(22px,calc((100vw - 1100px)/2));border-bottom:1px solid #ffffff1c;background:#0d102a80;backdrop-filter:blur(22px)}.brand{text-decoration:none;font-size:15px;letter-spacing:.16em;font-weight:800;display:flex;align-items:center;gap:10px}.brand-star{font-size:29px;color:#e7c8a5}.brand-light{color:#cbb4f0;font-weight:400}.nav{display:flex;gap:28px}.nav a{font-size:13px;color:#c8c5e8;text-decoration:none}.nav a:hover{color:white}.top-label{font-size:11px;border:1px solid #b5a2e54d;border-radius:100px;padding:7px 13px;color:#d5cafa}.hero{text-align:center;position:relative;padding-top:38px;padding-bottom:66px;overflow:hidden}.hero-eyebrow,.mini-label{font-size:10px;font-weight:700;color:#d7b3fa;letter-spacing:.23em}.shine{color:#fbd59b}.orb-stage{width:258px;height:218px;position:relative;margin:5px auto -10px;display:grid;place-items:center}.orb-core{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;color:#fff4c0;font-size:58px;box-shadow:0 0 40px #bd9fff70,0 0 88px #6856c150,inset 0 0 28px #f6bfff90;background:radial-gradient(circle at 35% 30%,#fff7dc,#c7b6f7 12%,#6153a1 45%,#1c2555 76%);text-shadow:0 0 17px #fff}.orbit{position:absolute;inset:38px 6px;border-radius:50%;border:1px solid #eacaff6b;transform:rotate(-27deg)}.orbit-two{inset:19px 30px;transform:rotate(60deg);border-color:#a8caff60}.hero h1{font-weight:800;font-size:clamp(34px,5.2vw,62px);line-height:1.31;margin:8px 0 18px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#f3dbad,#d4b7ff,#abccff);background-clip:text;color:transparent}.hero-intro{font-size:15px;max-width:525px;margin:0 auto;color:#bfbfdd}.hero-tags{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-tags span{font-size:11px;color:#d3c8ee;padding:9px 14px;border:1px solid #a9a1d530;border-radius:99px;background:#c9bdff0b}.panel{background:linear-gradient(135deg,#171d3edc,#10142ddf);border:1px solid #ad9fe73b;border-radius:22px;box-shadow:0 18px 60px #0004}.date-panel{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:38px 45px}.date-text h2,.section-heading h2{font-size:30px;margin:10px 0}.date-text p,.section-heading p{color:#bdbbd8;font-size:14px}.date-form{display:grid;gap:10px}label{font-size:12px;color:#e1d8f9;display:block;margin-bottom:4px}.date-input-wrap{position:relative}.date-input-wrap span{position:absolute;top:50%;transform:translateY(-50%);left:17px;color:#dbbaff}.date-input-wrap input{padding-left:42px}input[type=date]{color-scheme:dark;appearance:none;-webkit-appearance:none;width:100%;padding:15px 16px;border:1px solid #8d83ca83;border-radius:12px;background:#0b1235;color:#f8f5ff;min-height:52px}.primary-btn,.secondary-btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:13px;border:0;font-weight:700;min-height:49px;padding:12px 20px}.primary-btn{background:linear-gradient(98deg,#d2b8ff,#b7c2ff);color:#161538;box-shadow:0 6px 28px #b7a1ff40}.primary-btn:hover{filter:brightness(1.07)}.secondary-btn{background:#322e61;border:1px solid #857ac6;color:#f5ebff}.secondary-btn:hover{background:#47407c}.link-btn,.text-btn{border:0;background:none;color:#bdb1e8;text-decoration:underline;min-height:37px;font-size:12px}.form-error{color:#ffbaad;margin:0;font-size:12px}.results{margin-top:40px;scroll-margin-top:20px}.personal-report{display:grid;gap:21px}.result-top{text-align:center;padding:45px 24px 22px;background:radial-gradient(ellipse at top,#4337754f,transparent 60%)}.result-top h2{font-size:clamp(27px,4vw,43px);margin:12px 0 0}.result-top h2 em{font-style:normal;color:#e4c9fa}.tagline{color:#b6b8d8;margin:8px}.life-number{font-size:clamp(95px,14vw,160px);line-height:1.12;font-weight:900;background:linear-gradient(120deg,#f8e5b3,#d4b8ff 60%,#a6d5ff);background-clip:text;color:transparent;text-shadow:0 0 60px #dfc1ff55}.reduction{font-size:13px;color:#bfbdde}.report-intro{color:#e4ddf6;max-width:540px;margin:auto}.report-totals{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b4acdf44;border-bottom:1px solid #b4acdf44;padding:20px 0}.report-totals>div{display:grid;gap:8px;text-align:center}.report-totals>div+div{border-left:1px solid #b4acdf44}.report-totals strong{font-size:27px;color:#f2daa8}.report-totals span{font-size:11px;color:#c8bfdf}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.star-panel,.lines-panel{padding:28px}.panel-head h3{margin:8px 0;font-size:23px}.panel-head p{color:#bab4d9;font-size:12px}.grid-stage{max-width:318px;margin:20px auto}.number-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;aspect-ratio:1;padding:7px;background:#0d1330;border:1px solid #5d538a;border-radius:18px}.line-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.line-overlay polyline{fill:none;stroke:#e7b1f6;stroke-width:3;opacity:.76;filter:drop-shadow(0 0 6px #dda9ff)}.line-overlay polyline.chosen{stroke:#ffe2a4;stroke-width:5;opacity:1}.number-cell{position:relative;z-index:1;border:1px solid #6962835e;border-radius:13px;background:#131a39e8;color:#6f779e;display:grid;align-content:center;justify-items:center;gap:4px;min-width:0;box-shadow:inset 0 0 30px #151832}.number-cell span{font-size:28px;font-weight:800}.number-cell small{font-size:10px}.number-cell.lit{background:radial-gradient(circle at 50% 32%,#403e78,#222651);border-color:#a697e8;color:#ffe4af;box-shadow:0 0 14px #ad8bff3b}.number-cell:hover{border-color:#e9d1ff}.grid-help{font-size:11px;color:#9c9abc;text-align:center}.number-note,.line-note{border:1px solid #9b8fd04d;padding:15px;background:#111735;border-radius:13px;color:#d6ccef;font-size:13px;min-height:76px}.number-note p,.line-note p{margin:5px 0 0}.line-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.line-chip{display:grid;gap:5px;padding:11px 7px;min-height:62px;background:#111630;border:1px solid #554f79;border-radius:10px;color:#b2aec7}.line-chip>span{font-weight:800;font-size:15px}.line-chip small{font-size:10px}.line-chip.available{background:#302e5c;color:#e6d2ff;border-color:#9f8dca}.line-chip.selected{border-color:#ffe0a5;box-shadow:0 0 0 2px #e6c79f50}.line-chip.inactive{opacity:.7}.insight-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.glass-tile{background:#1a1b3baf;border:1px solid #a19bc345;border-radius:18px;padding:24px}.glass-tile h3{font-size:17px;margin:10px 0}.glass-tile p{color:#c8c2e2;font-size:13px;margin-bottom:0}.tile-symbol{font-size:27px;font-weight:700;color:#e6c6fa}.self-care{padding:28px}.self-care p{font-size:13px;color:#bebbdc;margin-bottom:0}.self-care h3{margin:8px 0}.report-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.report-actions>.secondary-btn{font-size:12px}.fineprint{text-align:center;font-size:11px;color:#a7a3c3}.section-gap{margin-top:95px}.section-heading{margin-bottom:25px}.pair-panel{padding:30px}.pair-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px}.pair-results{border-top:1px solid #a6a3d142;margin-top:25px;padding-top:24px;color:#cfc9ea}.pair-results h3{color:#fff}.pair-results p{font-size:13px}.pair-results small{font-size:11px;color:#aca7cb}.pair-numbers{display:flex;align-items:center;justify-content:center;gap:25px;text-align:center}.pair-numbers>div:not(.pair-heart){display:grid;gap:4px}.pair-numbers span{font-size:11px}.pair-numbers strong{font-size:62px;color:#e9d0a8}.pair-numbers p{margin:0}.pair-heart{font-size:26px;color:#dec5ff}.guide-grid{grid-template-columns:repeat(4,1fr)}.guide-grid .glass-tile{padding:20px}.sources{border:1px solid #9a94bd47;border-radius:14px;margin:22px 0 0;background:#171932b8}.sources summary{padding:17px 20px;cursor:pointer;font-size:13px;color:#e5dcfc}.sources-body{padding:0 20px 15px;color:#bdb7d8;font-size:12px}.sources-body a{color:#dfc5fc}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #a69cc240;margin-top:90px;padding-top:30px;padding-bottom:45px;color:#c8c2db;font-size:12px}.footer small{color:#8686a9}@media(max-width:790px){.topbar{gap:14px;padding:0 18px}.top-label{display:none}.date-panel,.report-grid{grid-template-columns:1fr}.date-panel{padding:30px}.guide-grid,.insight-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:12px}.nav a{font-size:11px}.hero{padding-bottom:35px}.orb-stage{height:180px;width:220px}.orb-core{height:100px;width:100px}.footer{flex-direction:column;text-align:center}}@media(max-width:480px){.wrapper{width:calc(100% - 28px)}.topbar{height:64px}.brand{font-size:11px}.brand-star{font-size:22px}.nav a{font-size:10px}.nav{gap:8px}.nav a:nth-child(1){display:none}.hero{padding-top:30px}.hero h1{font-size:32px}.hero-intro{font-size:13px}.orb-stage{margin:-6px auto -14px}.hero-tags{gap:6px}.hero-tags span{padding:6px 8px;font-size:9px}.date-panel{padding:22px;gap:10px}.date-text h2{font-size:24px}.result-top{padding:25px 10px}.report-totals strong{font-size:21px}.report-totals span{font-size:10px}.star-panel,.lines-panel{padding:18px}.number-cell span{font-size:24px}.number-cell small{font-size:9px}.line-chip>span{font-size:13px}.line-chip small{font-size:9px}.insight-grid,.guide-grid{grid-template-columns:1fr}.glass-tile{padding:20px}.pair-panel{padding:20px}.pair-inputs{grid-template-columns:1fr}.pair-numbers strong{font-size:48px}.section-gap{margin-top:70px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}