.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:.5;--rdp-outside-opacity:.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:.75;--rdp-weekday-padding:.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:.3s;--rdp-animation_timing:cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{box-sizing:border-box;position:relative}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{cursor:pointer;font:inherit;color:inherit;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{cursor:pointer;font:inherit;color:inherit;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}.rdp-dropdowns{align-items:center;gap:var(--rdp-dropdown-gap);display:inline-flex;position:relative}.rdp-dropdown{z-index:2;opacity:0;appearance:none;width:100%;cursor:inherit;line-height:inherit;border:none;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{height:var(--rdp-nav-height);align-content:center;font-size:large;font-weight:700;display:flex}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{inset-inline-start:0;height:var(--rdp-nav-height);display:inline-flex;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{inset-inline-end:0;height:var(--rdp-nav-height);justify-content:center;display:inline-flex;position:absolute;top:0}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);font-size:smaller;font-weight:500}.rdp-week_number{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);font-size:small;font-weight:400}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}
:root{--paper:#f6f5f0;--ink:#1b1e22;--muted:#6e747d;--line:#dfe1dc;--gold:#9b6b2e;--gold-soft:#eadfcf;--blue:#285b72;--white:#fffefa}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans SC,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh;overflow:hidden}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:76px;margin:auto;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{border:1.5px solid var(--gold);width:28px;height:28px;color:var(--gold);border-radius:50%;place-items:center;font-family:serif;display:grid}.nav-links{color:var(--muted);gap:28px;font-size:14px;display:flex}.nav-links a:hover{color:var(--ink)}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;width:min(1180px,100% - 40px);margin:0 auto;padding:86px 0 70px;display:grid}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:12px}h1{letter-spacing:-.07em;margin:20px 0 24px;font-size:clamp(42px,7vw,82px);font-weight:600;line-height:1.04}.hero-copy{max-width:620px;color:var(--muted);font-size:18px;line-height:1.9}.hero-note{color:var(--muted);align-items:center;gap:12px;margin-top:30px;font-size:13px;display:flex}.dot{background:var(--gold);border-radius:50%;width:7px;height:7px}.form-card{background:var(--white);border:1px solid var(--line);box-shadow:12px 12px 0 var(--gold-soft);padding:28px}.form-card h2{margin:0 0 8px;font-size:22px}.form-card>p{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.7}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field.full{grid-column:1/-1}.field label{color:var(--muted);font-size:12px}.field input,.field select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:44px;color:var(--ink);outline:none;padding:12px 13px}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #9b6b2e1f}.segmented{border:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.segmented button{min-height:44px;color:var(--muted);background:0 0;border:0;padding:11px}.segmented button.active{background:var(--ink);color:var(--white)}.form-actions{align-items:center;gap:14px;margin-top:20px;display:flex}.primary-btn{background:var(--ink);min-height:44px;color:var(--white);border:0;align-items:center;gap:8px;padding:13px 18px;transition:transform .2s,background .2s;display:inline-flex}.primary-btn:hover{background:var(--gold);transform:translateY(-1px)}.primary-btn:disabled{opacity:.5;cursor:wait;transform:none}.link-btn{color:var(--gold);background:0 0;border:0;padding:8px 0}.error{color:#a63a32;margin-top:14px;font-size:13px;line-height:1.6}.section{width:min(1180px,100% - 40px);margin:0 auto;padding:76px 0}.section-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.section h2{letter-spacing:-.04em;margin:10px 0 0;font-size:36px}.section-header p{color:var(--muted);max-width:420px;margin:0;line-height:1.8}.feature-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.feature{border-right:1px solid var(--line);min-height:180px;padding:26px 22px 20px 0}.feature:not(:first-child){padding-left:22px}.feature:last-child{border-right:0}.feature-index{color:var(--gold);font-family:DM Mono,monospace;font-size:12px}.feature h3{margin:28px 0 10px;font-size:20px}.feature p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.footer{border-top:1px solid var(--line);width:min(1180px,100% - 40px);color:var(--muted);justify-content:space-between;margin:auto;padding:26px 0 40px;font-size:12px;display:flex}.jingpan-shell{min-height:100vh}.jingpan-main{width:min(1240px,100% - 40px);margin:auto;padding:46px 0 80px}.back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:28px;font-size:13px;display:inline-flex}.back-link:hover{color:var(--gold)}.jp-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.jp-header h1{margin:12px 0 0;font-size:clamp(36px,5vw,64px)}.jp-header p{color:var(--muted);max-width:460px;margin:0;line-height:1.8}.status-badge{border:1px solid var(--line);white-space:nowrap;padding:9px 12px;font-family:DM Mono,monospace;font-size:11px}.panel{background:var(--white);border:1px solid var(--line);margin-top:18px;padding:24px}.panel-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-title h2{margin:0;font-size:19px}.panel-title span{color:var(--muted);font-size:12px}.table-wrap{overflow-x:auto}.four-pillars{grid-template-columns:repeat(4,minmax(150px,1fr));min-width:680px;display:grid}.pillar{border-left:1px solid var(--line);padding:0 16px}.pillar:first-child{border-left:0;padding-left:0}.pillar-label{color:var(--muted);margin-bottom:12px;font-size:12px}.pillar-gz{letter-spacing:.12em;margin-bottom:12px;font-family:serif;font-size:34px}.pillar-row{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:9px 0;font-size:12px;display:flex}.pillar-row span:first-child{color:var(--muted)}.dayun-track{scrollbar-color:var(--gold-soft) transparent;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.dayun-card{border:1px solid var(--line);background:var(--paper);text-align:left;min-width:170px;padding:16px;transition:border .2s,transform .2s}.dayun-card:hover{border-color:var(--gold);transform:translateY(-2px)}.dayun-card.selected{border-color:var(--gold);background:var(--gold-soft)}.dayun-card strong{margin:12px 0;font-family:serif;font-size:25px;display:block}.dayun-card small{color:var(--muted);font-size:11px;line-height:1.7;display:block}.year-list{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.year-card{border:1px solid var(--line);background:var(--paper);cursor:pointer;padding:14px}.year-card.active{border-color:var(--blue);background:#e7eff1}.year-card strong{font-family:DM Mono,monospace;font-size:17px;display:block}.year-card span{color:var(--muted);font-size:12px}.detail-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat{border-top:2px solid var(--gold);padding-top:10px}.stat label{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.stat strong{font-size:16px;font-weight:500}.empty-state{border:1px dashed var(--line);text-align:center;color:var(--muted);padding:52px 22px;line-height:1.8}.empty-state h2{color:var(--ink);margin-top:0}@media (max-width:800px){.nav{width:calc(100% - 28px);height:64px}.nav-links{gap:14px;font-size:12px}.hero{grid-template-columns:1fr;gap:42px;width:calc(100% - 28px);padding:54px 0}.hero-copy{font-size:16px}.section,.footer,.jingpan-main{width:calc(100% - 28px)}.feature-grid{grid-template-columns:1fr}.feature,.feature:not(:first-child){border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:20px 0}.feature:last-child{border-bottom:0}.jp-header{flex-direction:column;align-items:start}.year-list,.detail-grid{grid-template-columns:repeat(2,1fr)}.panel{padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@media (prefers-color-scheme:dark){:root{--paper:#17191b;--ink:#f4f0e8;--muted:#b3b5b1;--line:#3b3e3d;--gold:#c49657;--gold-soft:#3b3024;--blue:#83b5c6;--white:#222526}.field input,.field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.year-card.active{background:#24353b}}
:root{--paper:#f7f7f2;--ink:#253c33;--muted:#727e73;--line:#e1e5d9;--gold:#947b53;--gold-soft:#eee9dc;--blue:#375e51;--white:#fffefb;--red:#a55640}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.nav{border-bottom:0;width:min(1200px,100% - 64px);height:98px}.brand{letter-spacing:3px;gap:12px;font-size:23px}.brand small{letter-spacing:2px;margin-top:4px;font-size:8px;font-weight:400;display:block}.brand-mark{border:1px solid var(--gold);width:39px;height:43px;color:var(--gold);border-radius:4px;font-family:Songti SC,serif;font-size:22px;position:relative}.brand-mark:after{content:"";border:1px solid var(--gold);opacity:.5;position:absolute;inset:3px}.nav-links{align-items:center;gap:34px;font-size:14px}.nav-active{color:var(--ink);position:relative}.nav-active:after{content:"";background:var(--red);width:12px;height:2px;position:absolute;bottom:-13px;left:calc(50% - 6px)}.nav-account{border:1px solid var(--line);border-radius:5px;align-items:center;gap:14px;padding:11px 16px;font-size:13px;display:flex}.intro{grid-template-columns:1.05fr 1fr;align-items:center;width:min(1200px,100% - 64px);min-height:640px;margin:auto;padding:22px 0 62px;display:grid;position:relative}.intro-copy{z-index:1}.eyebrow{letter-spacing:3px;color:var(--gold);align-items:center;gap:12px;font-size:12px;display:flex}.eyebrow>span{background:var(--gold);width:22px;height:1px}.intro h1{letter-spacing:3px;margin:24px 0;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:clamp(44px,5vw,66px);font-weight:400;line-height:1.5}.accent-script{color:var(--gold)}.intro-copy>p{color:var(--muted);letter-spacing:1px;font-size:15px;line-height:2.2}.hero-cta{background:var(--ink);color:var(--paper);border-radius:5px;align-items:center;gap:30px;margin:18px 0;padding:16px 24px;font-size:14px;display:inline-flex}.hero-cta:hover{background:var(--blue)}.hero-trust{color:var(--muted);align-items:center;gap:9px;margin-top:8px;font-size:11px;display:flex}.hero-trust i{background:var(--line);width:1px;height:10px;margin:0 8px}.intro-foot{color:var(--gold);letter-spacing:2px;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:20px;left:0;right:0}.intro-foot span:last-child{font-size:9px}.cosmos{background:radial-gradient(circle,#e7eadf55 0%,#e7eadf00 70%);justify-self:end;width:490px;height:490px;position:relative}.cosmos-ring{border:1px solid #acb69d66;border-radius:50%;position:absolute;inset:14px}.cosmos-ring.outer{opacity:.55;border-style:dashed;inset:0}.cosmos-ring.middle{border-color:#aab29d88;inset:47px}.cosmos-ring.middle:before,.cosmos-ring.middle:after{content:"";background:#aab29d55;width:1px;position:absolute;top:-26px;bottom:-26px;left:50%;transform:rotate(30deg)}.cosmos-ring.middle:after{transform:rotate(-30deg)}.cosmos-ring.inner{border-color:#aab29d66;inset:94px}.cosmos-core{background:#f5f4e9;border:1px solid #b0b699;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:145px;box-shadow:0 0 60px #d4dcc022}.cosmos-core strong{letter-spacing:10px;padding-left:10px;font-family:Songti SC,serif;font-size:46px;font-weight:400}.cosmos-core span{color:var(--gold);letter-spacing:5px;font-size:10px}.orbit-label{color:#8f9b82;letter-spacing:5px;font-size:11px;position:absolute}.orbit-label.top{top:20px;left:45%}.orbit-label.bottom{bottom:20px;left:45%}.orbit-label.left{top:49%;left:20px}.orbit-label.right{top:49%;right:20px}.element{background:var(--paper);width:64px;height:64px;box-shadow:0 0 0 7px var(--paper);border:1px solid #b4b99d;border-radius:50%;place-items:center;font-family:Songti SC,serif;font-size:25px;font-weight:400;display:grid;position:absolute}.element.wood{color:#687d54;top:45px;left:210px}.element.fire{color:var(--red);top:174px;right:37px}.element.earth{color:#9a8057;bottom:52px;right:110px}.element.metal{color:#a18e60;bottom:52px;left:110px}.element.water{color:#557b85;top:174px;left:37px}.orbit-seal{border:1px solid var(--red);color:var(--red);letter-spacing:3px;padding:8px 6px;font-family:serif;font-size:13px;position:absolute;bottom:5px;right:8px;transform:rotate(-5deg)}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);width:min(1200px,100% - 64px);margin:auto;padding:26px 0;display:grid}.trust-strip>div{border-right:1px solid var(--line);color:var(--gold);justify-content:center;align-items:center;gap:15px;display:flex}.trust-strip>div:last-child{border:0}.trust-strip strong{color:var(--ink);letter-spacing:1px;margin-bottom:7px;font-size:13px;font-weight:500;display:block}.trust-strip small{color:var(--muted);font-size:10px}.calculation-section{grid-template-columns:1fr 1.1fr;gap:90px;width:min(1060px,100% - 64px);margin:100px auto;scroll-margin-top:30px;display:grid}.section-number{letter-spacing:2px;color:var(--gold);font-size:10px}.calculation-aside h2,.knowledge-section h2,.faq-section h2{letter-spacing:2px;margin:20px 0;font-family:Songti SC,serif;font-size:36px;font-weight:400;line-height:1.6}.calculation-aside>p{color:var(--muted);font-size:13px;line-height:2.2}.calculation-aside ol{margin:32px 0;padding:0;list-style:none}.calculation-aside li{align-items:center;gap:17px;padding:17px 0;display:flex}.calculation-aside li b{border:1px solid var(--line);width:32px;height:32px;color:var(--gold);border-radius:50%;place-items:center;font-family:serif;font-weight:400;display:grid}.calculation-aside li span{font-size:14px}.calculation-aside li small{color:var(--muted);margin-top:8px;font-size:11px;display:block}.small-quote{color:var(--gold);border-left:2px solid var(--gold-soft);margin-top:42px;padding-left:18px;font-family:serif;font-size:20px}.small-quote small{color:var(--muted);margin-top:12px;font-family:system-ui;font-size:11px;display:block}.form-card{border-radius:12px;align-self:start;min-width:0;padding:30px 32px;box-shadow:0 12px 45px #293b2610}.form-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:22px;display:flex}.form-heading>span{letter-spacing:2px;font-family:serif;font-size:22px}.form-heading small{letter-spacing:2px;color:var(--gold);font-size:8px}.mode-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px;display:grid}.mode-tabs button{background:var(--paper);border:1px solid var(--line);min-height:65px;color:var(--muted);text-align:left;border-radius:5px;padding:12px 16px;font-size:13px}.mode-tabs button.active{border-color:var(--blue);color:var(--ink);background:#edf1e9}.mode-tabs span{opacity:.8;margin-top:6px;font-size:10px;display:block}.form-grid{gap:22px 16px}.field label{color:var(--ink);font-size:12px}.field input,.field select{background:var(--white);border-radius:5px;min-width:0;height:46px;padding:10px 12px;font-size:13px}.segmented{background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:4px}.segmented button{border-radius:3px;min-height:35px;padding:7px;font-size:12px}.segmented button.active{background:var(--white);color:var(--ink);box-shadow:0 1px 5px #253a3012}.advanced{border-top:1px solid var(--line);margin-top:24px;padding:17px 0}.advanced summary{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:11px;list-style:none;display:flex}.advanced summary span{margin-left:auto;font-size:10px}.advanced .field{margin-top:15px}.submit-chart{border-radius:5px;justify-content:center;width:100%;min-height:48px;font-size:13px}.privacy-note{color:var(--muted);justify-content:center;align-items:center;gap:5px;display:flex;margin:14px 0 0!important;font-size:9px!important}.field-hint{color:var(--red);font-size:11px}.basic-result{margin-top:25px}.basic-result pre{white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.8}.knowledge-section{width:min(1200px,100% - 64px);margin:0 auto 90px}.knowledge-section h2{margin-bottom:0;font-size:30px}.knowledge-section .muted{font-size:12px}.knowledge-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px;display:grid}.knowledge-card{border:1px solid var(--line);background:var(--white);border-radius:8px;transition:transform .2s,border-color .2s;overflow:hidden}.knowledge-card:hover{border-color:var(--gold);transform:translateY(-3px)}.knowledge-art{color:#84917a;background:#eaece2;justify-content:center;align-items:center;height:140px;display:flex;position:relative}.knowledge-art:before,.knowledge-art:after{content:"";border:1px solid #b5bca055;border-radius:50%;width:110px;height:110px;position:absolute}.knowledge-art:after{width:85px;height:85px}.knowledge-art span{color:#9b9274;font-family:serif;font-size:30px;position:absolute;top:18px;right:23px}.knowledge-card:nth-child(2) .knowledge-art{color:#aa9067;background:#efebe0}.knowledge-card:nth-child(3) .knowledge-art{color:#769088;background:#e5eae5}.knowledge-card>small{color:var(--gold);letter-spacing:1px;margin:25px 24px 13px;font-size:10px;display:block}.knowledge-card h3{margin:0 24px;font-size:17px;font-weight:500}.knowledge-card p{color:var(--muted);margin:13px 24px;font-size:12px;line-height:2}.read-link{justify-content:space-between;margin:22px 24px;font-size:11px;display:flex}.reading-notes{gap:10px;margin-top:25px;display:grid}.reading-notes details{border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.reading-notes p{color:var(--muted);line-height:2}details summary{cursor:pointer}.faq-section{grid-template-columns:1fr 1.5fr;gap:70px;width:min(1060px,100% - 64px);margin:0 auto 100px;display:grid}.faq-section h2{font-size:32px}.faq-section p{color:var(--muted);font-size:12px;line-height:2}.faq-section details{border-bottom:1px solid var(--line);padding:20px 0;font-size:13px}.faq-section summary{justify-content:space-between;gap:12px;list-style:none;display:flex}.faq-section summary span{color:var(--gold)}.footer{align-items:center;width:min(1200px,100% - 64px);padding:32px 0 45px}.footer>span{text-align:center;font-family:serif;font-size:16px}.footer small{margin-top:10px;font-family:system-ui;font-size:10px;display:block}.footer>a:last-child{font-size:12px}.panel{border-radius:10px}.empty-state{background:var(--white);border-radius:10px}.jingpan-main{max-width:1200px}.jp-header h1{letter-spacing:3px;font-family:serif;font-weight:400}.status-badge{background:var(--gold-soft);color:var(--gold);border-radius:30px;display:inline-block}.dayun-card,.year-card{border-radius:7px}.dayun-card.selected{border-color:var(--blue);background:#e8eee3}.pillar-gz{color:var(--gold)}.jp-months{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.jp-months button{background:var(--paper);border:1px solid var(--line);min-height:44px;color:var(--ink);border-radius:5px;padding:12px}.jp-months button[aria-pressed=true]{border-color:var(--gold);background:var(--gold-soft)}.jp-months small{color:var(--muted);margin-top:6px;display:block}a,button,input,select,summary{scroll-margin-top:24px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:100%;max-width:420px}.login-card h1{letter-spacing:2px;margin:24px 0;font-family:serif;font-size:34px}.login-card .field{margin:20px 0}@media (max-width:1000px){.cosmos{transform-origin:100%;margin-left:-80px;transform:scale(.82)}.calculation-section{gap:40px}.nav-links{gap:20px}}@media (max-width:700px){.nav{width:calc(100% - 40px);height:78px}.nav .nav-links{display:none}.nav-account{font-size:11px}.intro{grid-template-columns:1fr;width:calc(100% - 40px);min-height:0;padding:30px 0 55px}.intro h1{font-size:44px}.intro-copy>p{font-size:13px}.cosmos{transform-origin:50%;justify-self:center;width:490px;margin:-60px 0 -75px;transform:scale(.65)}.intro-foot span:last-child{display:none}.trust-strip{grid-template-columns:repeat(2,1fr);gap:24px 0;width:calc(100% - 40px);padding:24px 0}.trust-strip>div:nth-child(2){border:0}.trust-strip>div{justify-content:flex-start;gap:10px;padding-left:12px}.calculation-section{grid-template-columns:1fr;gap:30px;width:calc(100% - 40px);margin:60px auto}.calculation-aside h2{font-size:30px}.calculation-aside ol,.small-quote{display:none}.form-card{padding:24px 20px}.knowledge-section{width:calc(100% - 40px);margin-bottom:60px}.knowledge-section h2{font-size:27px}.section-header{display:block}.knowledge-section .muted{margin-top:15px;display:block}.knowledge-grid{grid-template-columns:1fr;gap:18px}.knowledge-art{height:130px}.faq-section{grid-template-columns:1fr;gap:10px;width:calc(100% - 40px);margin-bottom:50px}.footer{flex-wrap:wrap;gap:24px;width:calc(100% - 40px)}.footer>span{font-size:13px}.footer>a:last-child{display:none}.jp-months{grid-template-columns:repeat(3,1fr)}.privacy-note{font-size:9px!important}.cosmos{zoom:.65;justify-self:center;margin:25px 0 35px;transform:none}.intro{grid-template-columns:minmax(0,1fr);min-width:0}}@media (prefers-color-scheme:dark){:root{--paper:#1c2721;--ink:#e1e9d7;--muted:#a8b4a4;--line:#3d4c40;--gold:#c5ac7e;--gold-soft:#3d3c2b;--white:#243029;--red:#d39776}.cosmos-core{background:#29352b}.element{background:var(--paper)}.mode-tabs button.active,.dayun-card.selected{background:#334937}.segmented button.active{background:#344537}.knowledge-art{background:#303e31!important}}.picker-trigger{border:1px solid var(--line);background:var(--white);width:100%;min-height:46px;color:var(--ink);text-align:left;border-radius:5px;align-items:center;gap:10px;padding:0 12px;font-size:13px;transition:border-color .16s,box-shadow .16s;display:flex}.picker-trigger:hover,.picker-trigger:focus-visible{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 14%,transparent);outline:none}.picker-trigger>svg:first-child{color:var(--gold);flex:none}.picker-trigger .picker-chevron{color:var(--muted);margin-left:auto}.picker-placeholder{color:var(--muted)}.picker-popover{z-index:80;border:1px solid var(--line);background:var(--white);color:var(--ink);transform-origin:var(--radix-popover-content-transform-origin);border-radius:9px;padding:12px;animation:.14s ease-out picker-in;box-shadow:0 14px 38px #1d271c1c}.date-popover{width:min(340px,100vw - 36px)}.date-popover .rdp-root{--rdp-accent-color:var(--gold);--rdp-accent-background-color:var(--gold-soft);--rdp-day-width:40px;--rdp-day-height:40px;--rdp-day_button-width:36px;--rdp-day_button-height:36px;margin:0}.date-popover .rdp-months{justify-content:center}.date-popover .rdp-month{width:100%}.date-popover .rdp-month_caption{justify-content:center;gap:6px;height:42px}.date-popover .rdp-dropdowns{gap:6px}.date-popover .rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.date-popover .rdp-dropdown{appearance:none;border:1px solid var(--line);background:var(--white);color:var(--ink);font:inherit;border-radius:5px;padding:5px 20px 5px 8px}.date-popover .rdp-chevron{fill:none;stroke:var(--muted);stroke-width:2px}.date-popover .rdp-nav{inset-block-start:0}.date-popover .rdp-button_previous,.date-popover .rdp-button_next{border:1px solid var(--line);color:var(--ink);background:var(--white);border-radius:5px}.date-popover .rdp-weekday{color:var(--muted);font-size:11px}.date-popover .rdp-day_button{font:inherit;color:var(--ink);border-radius:6px}.date-popover .rdp-day_button:hover:not(:disabled){background:var(--gold-soft)}.date-popover .rdp-selected .rdp-day_button{background:var(--gold);color:#fff}.date-popover .rdp-today:not(.rdp-selected) .rdp-day_button{color:var(--gold);font-weight:700}.time-popover{width:min(310px,100vw - 36px);padding:18px}.time-popover>p{margin:0 0 16px;font-family:serif;font-size:16px}.time-selects{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.time-selects label{color:var(--muted);flex-direction:column;gap:6px;font-size:11px;display:flex}.time-selects select{border:1px solid var(--line);width:100%;height:42px;color:var(--ink);background:var(--paper);border-radius:5px;padding:0 9px;font-size:13px}.time-selects>span{color:var(--gold);padding-top:16px}.time-popover>small{color:var(--muted);margin-top:14px;font-size:11px;line-height:1.6;display:block}@keyframes picker-in{0%{opacity:0;transform:scale(.97)translateY(-3px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.picker-popover{animation:none}}
.result-main{max-width:1040px;padding-top:28px}.result-page{--result-line:#e4e5d9;--result-card:#fffefb;max-width:920px;margin:0 auto;padding-bottom:56px}.result-hero{border:1px solid var(--result-line);background:radial-gradient(at 82% 42%,#e8ebde 0,#0000 43%),linear-gradient(120deg,#fffefb,#f2f2e9);border-radius:12px;justify-content:space-between;align-items:center;min-height:275px;margin:0 0 22px;padding:34px 58px;display:flex;position:relative;overflow:hidden}.result-hero:after{content:"";border:1px solid #a8b09555;border-radius:50%;width:290px;height:290px;position:absolute;top:-8px;right:100px;box-shadow:0 0 0 24px #a8b0950c,0 0 0 54px #a8b0950a}.result-hero-copy{z-index:1;position:relative}.result-hero .eyebrow{align-items:center;gap:10px;display:flex}.result-hero h1{letter-spacing:3px;margin:18px 0 10px;font-family:Songti SC,STSong,serif;font-size:clamp(38px,5vw,54px);font-weight:400;line-height:1.35}.result-hero h1 em{color:var(--gold);font-style:normal}.result-hero p{color:var(--muted);margin:0;font-size:13px;line-height:1.9}.result-seal{z-index:1;width:116px;height:116px;color:var(--gold);background:#f8f7efbb;border:1px solid #9a805766;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.result-seal span{letter-spacing:4px;padding-left:4px;font-family:serif;font-size:22px}.result-seal small{letter-spacing:2px;font-size:10px}.result-overview,.result-elements,.result-base,.result-extra{border:1px solid var(--result-line);background:var(--result-card);border-radius:10px;margin-top:18px;padding:28px 32px}.result-overview-heading,.result-section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.result-overview-heading h2,.result-section-heading h2{letter-spacing:2px;color:var(--ink);margin:8px 0 0;font-family:Songti SC,STSong,serif;font-size:25px;font-weight:400}.result-caption,.result-section-heading>p{color:var(--muted);margin:0 0 3px;font-size:12px;line-height:1.8}.result-section-heading>p{max-width:340px}.result-pillars{border-top:1px solid var(--result-line);border-bottom:1px solid var(--result-line);grid-template-columns:repeat(4,1fr);display:grid}.result-pillar{border-left:1px solid var(--result-line);min-height:146px;padding:19px 20px 16px;animation:.5s both result-arrive}.result-pillar:first-child{border-left:0;padding-left:4px}.result-pillar>span{color:var(--muted);font-size:12px;display:block}.result-pillar strong{letter-spacing:5px;white-space:nowrap;margin:11px 0 9px;font-family:Songti SC,STSong,serif;font-size:34px;font-weight:400;display:block}.result-pillar strong i{font-style:normal}.result-pillar small{color:var(--muted);font-size:11px}.result-raw-pillar{border-top:1px solid var(--result-line);color:var(--muted);align-items:flex-start;gap:10px;padding:18px 0 0;font-size:13px;line-height:1.8;display:flex}.result-raw-pillar svg{color:var(--gold);flex:none;margin-top:2px}.element-display{grid-template-columns:1fr .9fr;align-items:center;gap:35px;padding:4px 20px 16px;display:grid}.element-orbit{background:radial-gradient(#f4f2e7 0,#fffefa00 66%);width:320px;height:300px;margin:0 auto;position:relative}.element-orbit:before,.element-orbit:after{content:"";border:1px dashed #9da78b70;border-radius:50%;position:absolute;inset:28px 32px;transform:rotate(-16deg)}.element-orbit:after{opacity:.55;border-style:solid;inset:55px 7px;transform:rotate(36deg)}.element-orbit-center{z-index:1;background:#f8f7ef;border:1px solid #aab095;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:94px;height:94px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.element-orbit-center span{letter-spacing:3px;font-family:serif;font-size:21px}.element-orbit-center small{color:var(--muted);margin-top:4px;font-size:9px}.element-node{z-index:2;border:1px solid color-mix(in srgb,var(--element-color) 54%,white);width:72px;height:72px;color:var(--element-color);background:#fffefa;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;animation:.5s both element-pop;display:flex;position:absolute;box-shadow:0 5px 18px #26352612,0 0 0 5px #fffefacc}.element-node:hover{transform:scale(1.08);box-shadow:0 8px 24px #26352620,0 0 0 6px #fffefacc}.element-node span{font-family:Songti SC,STSong,serif;font-size:27px;line-height:1.1}.element-node-1{animation-delay:40ms;top:1px;left:calc(50% - 36px)}.element-node-2{animation-delay:.1s;top:80px;right:12px}.element-node-3{animation-delay:.16s;bottom:2px;right:54px}.element-node-4{animation-delay:.22s;bottom:2px;left:54px}.element-node-5{animation-delay:.28s;top:80px;left:12px}.element-legend{gap:21px;display:grid}.legend-item{align-items:center;gap:14px;display:flex}.legend-item>span{flex-direction:column;gap:5px;display:flex}.legend-item strong{color:var(--ink);font-size:13px;font-weight:600}.legend-item small{color:var(--muted);font-size:12px}.legend-line{border-top:2px solid #66825d;width:42px;height:0;position:relative}.legend-line:after{content:"";border-top:2px solid;border-right:2px solid;width:7px;height:7px;position:absolute;top:-5px;right:-1px;transform:rotate(45deg)}.legend-line.generating{color:#66825d}.legend-line.controlling{color:#b36b52;border-color:#b36b52;border-top-style:dashed}.element-legend>p{color:var(--muted);border-top:1px solid var(--result-line);margin:0;padding-top:12px;font-size:11px;line-height:1.8}.element-meter-list{grid-template-columns:repeat(5,1fr);gap:14px;margin:8px 5px 0;display:grid}.element-meter{grid-template-columns:18px 1fr 30px;align-items:center;gap:8px;font-family:serif;display:grid}.element-meter>span{font-size:14px}.element-meter>div{background:#ecece4;border-radius:8px;height:5px;overflow:hidden}.element-meter>div i{border-radius:8px;height:100%;transition:width .8s;display:block}.element-meter>small{text-align:right;color:var(--muted);font:10px system-ui}.result-wuxing-note{background:#f7f6ef;border-radius:6px;grid-template-columns:82px 1fr;gap:16px;margin-top:23px;padding:18px;display:grid}.result-wuxing-note>span{color:var(--gold);padding-top:2px;font-size:12px}.result-summary-card{border-top:1px solid var(--result-line);padding-top:18px}.result-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;display:grid}.result-fact{border-bottom:1px solid #ecece4;justify-content:space-between;gap:16px;min-width:0;padding:13px 0;display:flex}.result-fact>span{color:var(--muted);flex:none;font-size:12px}.result-fact>strong{text-align:right;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;font-weight:500;line-height:1.7}.result-fact-wide{grid-column:1/-1;display:block}.result-nested{margin-top:10px}.result-nested .result-facts{background:#f8f7f1;border-radius:5px;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px}.result-nested .result-fact{border-color:#e9e8df}.result-prose{white-space:pre-wrap;color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:2}.result-footnote{color:var(--muted);align-items:center;gap:10px;margin:24px 5px 18px;display:flex}.result-footnote svg{color:var(--gold);flex:none}.result-footnote p{margin:0;font-size:11px;line-height:1.8}.result-actions{justify-content:center;gap:12px;display:flex}.result-return,.result-secondary{border-radius:5px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 20px;font-size:12px;display:inline-flex}.result-return{background:var(--ink);color:var(--paper)}.result-secondary{border:1px solid var(--result-line);color:var(--ink)}.result-return:hover{background:var(--blue)}.result-secondary:hover{border-color:var(--gold);color:var(--gold)}@keyframes result-arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes element-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@media (max-width:700px){.result-main{padding-top:20px}.result-page{padding-bottom:36px}.result-hero{min-height:240px;margin-bottom:14px;padding:28px 23px}.result-hero:after{top:30px;right:-100px}.result-hero h1{letter-spacing:1px;font-size:36px}.result-hero p{max-width:250px;font-size:12px}.result-seal{background:#f8f7efed;width:72px;height:72px;position:absolute;top:22px;right:20px}.result-seal svg{width:14px;height:14px}.result-seal span{letter-spacing:2px;font-size:16px}.result-seal small{font-size:8px}.result-overview,.result-elements,.result-base,.result-extra{margin-top:14px;padding:22px 18px}.result-overview-heading,.result-section-heading{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:18px}.result-overview-heading h2,.result-section-heading h2{font-size:22px}.result-caption,.result-section-heading>p{font-size:11px}.result-pillars{grid-template-columns:repeat(2,1fr)}.result-pillar{border-bottom:1px solid var(--result-line);min-height:128px;padding:15px 12px}.result-pillar:first-child{padding-left:12px}.result-pillar:nth-child(odd){border-left:0}.result-pillar:nth-last-child(-n+2){border-bottom:0}.result-pillar strong{font-size:31px}.element-display{grid-template-columns:1fr;gap:20px;padding:0}.element-orbit{width:min(320px,100%);height:280px;margin:-8px auto -2px;transform:scale(.92)}.element-node-2{right:4px}.element-node-5{left:4px}.element-node-3{right:42px}.element-node-4{left:42px}.element-legend{gap:16px;padding:0 4px}.legend-item small{font-size:11px}.element-meter-list{grid-template-columns:1fr;gap:10px;margin:17px 2px 0}.element-meter{grid-template-columns:22px 1fr 40px}.element-meter>span{font-size:15px}.result-wuxing-note{grid-template-columns:1fr;gap:9px;padding:15px}.result-facts,.result-nested .result-facts{grid-template-columns:1fr}.result-fact{padding:12px 0}.result-fact-wide{grid-column:auto}.result-fact>strong{text-align:right}.result-actions{flex-direction:column}.result-actions a{width:100%}}@media (prefers-reduced-motion:reduce){.result-pillar,.element-node{animation:none}.element-node,.element-meter>div i{transition:none}}@media (prefers-color-scheme:dark){.result-page{--result-line:var(--line);--result-card:var(--white)}.result-hero{background:radial-gradient(at 82% 42%,#3a4436 0,#0000 43%),linear-gradient(120deg,#263129,#202922)}.result-hero:after{border-color:#a8b09535;box-shadow:0 0 0 24px #a8b09508,0 0 0 54px #a8b09506}.result-seal,.element-orbit-center,.element-node{background:var(--white)}.result-wuxing-note,.result-nested .result-facts{background:#2b352d}.element-orbit:before,.element-orbit:after{border-color:#aab09555}.element-meter>div{background:#3c453d}.result-pillar{border-color:var(--line)}.result-pillar small,.result-fact>span,.result-caption,.result-section-heading>p,.result-prose{color:var(--muted)}}.result-hero{min-height:140px;padding:24px 32px}.result-hero h1{margin:10px 0;font-size:32px}.result-hero h1 em{margin-left:8px}.result-seal{width:82px;height:82px}.result-overview{border-top:3px solid #9a7845}.result-pillar strong{font-size:44px}.pillar-highlights{color:var(--muted);flex-wrap:wrap;gap:12px 26px;padding-top:18px;font-size:12px;display:flex}.pillar-highlights strong{color:var(--ink);margin-left:8px;font-size:15px}.result-fact-wide>strong{text-align:left;margin-top:8px;font-weight:400;line-height:1.95;display:block}.element-orbit{width:360px;max-width:100%;height:340px}.element-orbit:before,.element-orbit:after{display:none}.element-relations{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.relation-generating{stroke:#66825d;stroke-width:1.8px}.relation-controlling{stroke:#b36b52;stroke-width:1.3px;stroke-dasharray:5 5;opacity:.8}.element-node{isolation:isolate;width:88px;height:88px;overflow:hidden}.element-node span,.element-node strong,.element-node small{z-index:2;position:relative}.element-node span{font-size:25px}.element-node strong{margin-top:3px;font:600 15px system-ui}.element-node small{margin-top:4px;font-size:9px}.element-node-1{top:2px;left:calc(50% - 44px)}.element-node-2{top:93px;left:calc(86.11% - 44px);right:auto}.element-node-3{inset:247px auto auto calc(72.22% - 44px)}.element-node-4{top:247px;bottom:auto;left:calc(27.78% - 44px)}.element-node-5{top:93px;left:calc(13.89% - 44px)}.element-liquid{background:color-mix(in srgb,var(--element-color) 23%,transparent);z-index:0;width:100%;transition:height .8s;position:absolute;bottom:0;left:0}.element-liquid i{background:color-mix(in srgb,var(--element-color) 18%,transparent);border-radius:45%;width:200%;height:15px;animation:4s linear infinite liquid-ripple;position:absolute;top:-7px;left:-50%}.element-liquid i+i{animation-duration:5s;animation-direction:reverse;top:-5px}.element-meter{grid-template-columns:18px 1fr 48px}.element-display{gap:25px;padding-left:0;padding-right:0}.element-meter>small{white-space:nowrap;font-size:11px}@keyframes liquid-ripple{0%{transform:translate(-12%)rotate(0)}50%{transform:translate(12%)rotate(5deg)}to{transform:translate(-12%)rotate(0)}}@media (max-width:700px){.result-hero{min-height:135px;padding:20px}.result-hero h1{max-width:220px;font-size:26px}.result-hero h1 em{margin-left:0;display:block}.result-seal{width:64px;height:64px;top:18px;right:14px}.result-hero p{max-width:210px}.result-pillar strong{font-size:38px}.element-orbit{aspect-ratio:360/340;height:auto;margin:8px auto 16px;transform:none}.element-node{width:76px;height:76px}.element-node-1{top:calc(13.53% - 38px);left:calc(50% - 38px)}.element-node-2{top:calc(40.29% - 38px);left:calc(86.11% - 38px)}.element-node-3{top:calc(85.59% - 38px);left:calc(72.22% - 38px)}.element-node-4{top:calc(85.59% - 38px);left:calc(27.78% - 38px)}.element-node-5{top:calc(40.29% - 38px);left:calc(13.89% - 38px)}.element-node span{font-size:22px}.element-node strong{font-size:13px}.element-node small{font-size:8px}.element-meter{grid-template-columns:22px 1fr 52px}}@media (prefers-reduced-motion:reduce){.element-liquid i{animation:none}.element-liquid{transition:none}}