:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090705;--panel:#1c1511d1;--panel-strong:#2a1c14f0;--line:#e8b85a3d;--ink:#fff6e3;--muted:#fff6e3a6;--gold:#e8b85a;--red:#b9322c;--green:#64d2b4;--cyan:#44c7f4;--violet:#9f6cff;--rose:#f06a8a}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(135deg,#e8b85a17 0 1px,#0000 1px 28px),linear-gradient(45deg,#44c7f414 0 1px,#0000 1px 34px),conic-gradient(from 210deg at 50% -8%,#9f6cff3d,#e8b85a26,#64d2b42e,#0000 42%),linear-gradient(120deg,#b9322c38,#0000 32%,#44c7f421 66%,#9f6cff29),#070504;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}button,input,textarea,.el-select__placeholder,.el-input__inner{font-family:inherit}.app-shell{grid-template-columns:390px minmax(0,1fr);gap:22px;width:min(1540px,100% - 36px);margin:0 auto;padding:22px 0 48px;display:grid}.sidebar{align-self:start;gap:18px;display:grid;position:sticky;top:22px}.brand{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(115deg,#e8b85a33,#0000 34%),linear-gradient(145deg,#44c7f41f,#9f6cff14 45%,#ffffff09);border-radius:8px;align-items:center;gap:14px;min-height:92px;padding:18px;display:flex;position:relative;overflow:hidden}.brand:after{content:"";opacity:.74;background:linear-gradient(90deg,#e8b85ab3,#0000);height:1px;position:absolute;inset:auto 16px 10px 92px}.brand-mark{z-index:1;width:58px;height:58px;color:var(--gold);background:#d6453538;border:1px solid #e8b85aad;border-radius:8px;place-items:center;font-size:30px;font-weight:900;display:grid;position:relative;box-shadow:0 0 0 6px #e8b85a14,0 0 32px #e8b85a2e,0 0 48px #44c7f41f}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:24px}.brand p,.topbar p,.chart-summary,.analysis-item p,.future-card p,.teacher-answer p,.plain-grid p,.el-timeline-item__content p{color:var(--muted);line-height:1.78}.workspace{gap:18px;min-width:0;display:grid}.topbar,.panel,.plain-panel,.metric-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff1c,#44c7f409 42%,#9f6cff0b),#0c080780;border-radius:8px;box-shadow:0 24px 80px #00000052}.topbar{background:conic-gradient(from 230deg at 72% 24%,#44c7f438,#9f6cff33,#e8b85a29,#0000 42%),linear-gradient(135deg,#40221deb,#160a12d1 48%,#081315e6);justify-content:space-between;align-items:center;gap:20px;min-height:116px;padding:22px;display:flex;position:relative;overflow:hidden}.topbar:before{content:"";pointer-events:none;opacity:.62;background:linear-gradient(90deg,#0000 0 8%,#e8b85a3d 8.2%,#0000 8.6% 100%),linear-gradient(115deg,#0000 0 54%,#44c7f42e 54.2%,#0000 55% 100%),repeating-linear-gradient(135deg,#ffffff09 0 1px,#0000 1px 18px);position:absolute;inset:0}.topbar:after{content:"";pointer-events:none;border:1px solid #e8b85a2e;border-radius:7px;position:absolute;inset:10px}.topbar-main,.top-actions{z-index:1;position:relative}.topbar-main{gap:8px;display:grid}.topbar-orbit{opacity:.46;pointer-events:none;width:170px;height:170px;position:absolute;top:50%;right:128px;transform:translateY(-50%)}.topbar-orbit span{transform:rotate(var(--angle));border:1px solid #e8b85a70;border-radius:50%;position:absolute;inset:0}.topbar-orbit span:first-child{--angle:18deg}.topbar-orbit span:nth-child(2){--angle:62deg;border-color:#64d2b457}.topbar-orbit span:nth-child(3){--angle:104deg;border-style:dashed;inset:22px}.topbar-runes{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.topbar-runes i{color:#fff6e3b8;background:#09070557;border:1px solid #e8b85a38;border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:12px;font-style:normal;display:inline-flex}.topbar h2,.panel h2,.plain-panel h2{letter-spacing:0;font-size:24px;line-height:1.25}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:18px;display:grid}.panel{--el-card-bg-color:transparent;--el-card-border-color:transparent;color:var(--ink)}.el-card__header{border-color:var(--line)}.panel-head,.chart-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:var(--gold);letter-spacing:0;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.form-panel{--el-card-padding:18px;overflow:hidden}.form-panel .el-card__body{padding-top:16px}.mystic-form{gap:16px;display:grid}.form-section{background:linear-gradient(135deg,#e8b85a14,#0000 42%),#0a070657;border:1px solid #e8b85a29;border-radius:8px;gap:14px;padding:16px;display:grid;position:relative}.form-section:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0000,#64d2b41f,#0000) 0 0/100% 1px no-repeat;position:absolute;inset:0}.section-title{color:var(--gold);align-items:center;gap:8px;font-size:13px;font-weight:900;display:flex}.section-title svg,.mystic-input svg,.mystic-select svg{color:var(--green)}.form-hint{color:#fff6e38f;margin-top:-4px;font-size:13px;line-height:1.6}.form-hint.place-lock{color:#d2fff1e0;background:#64d2b414;border:1px solid #64d2b43d;border-radius:8px;width:fit-content;max-width:100%;padding:7px 10px;display:inline-flex}.two-col,.date-row{gap:12px;display:grid}.two-col{grid-template-columns:1fr 1fr}.date-row{grid-template-columns:1.2fr 1fr 1fr;width:100%}.submit-btn,.ask-btn{width:100%}.submit-btn.el-button{color:#160b07;background:linear-gradient(135deg,#f2c76d,#a94432 58%,#6f211d);border:1px solid #ffda869e;border-radius:8px;justify-content:center;align-items:center;gap:9px;height:52px;font-weight:900;display:inline-flex;box-shadow:0 14px 34px #b9322c52,inset 0 1px #ffffff38}.submit-btn.el-button:hover,.submit-btn.el-button:focus{color:#130805;background:linear-gradient(135deg,#ffd77a,#c9553a 58%,#87291f);border-color:#ffeaaee6;transform:translateY(-1px)}.chart-panel{min-height:520px}.birth-meta{flex-wrap:wrap;gap:8px;margin:14px 0 6px;display:flex}.radar-chart{width:100%;height:330px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{flex-direction:column;gap:9px;min-height:190px;padding:18px;display:flex}.metric-card header{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.metric-card svg{color:var(--green)}.metric-card b{color:var(--gold);font-size:30px;line-height:1}.metric-card span,.metric-card p,.metric-card em{color:var(--muted);font-style:normal}.metric-card strong{color:var(--paper);font-size:15px}.metric-card p{margin:0;line-height:1.7}.metric-card em{border-top:1px solid var(--line);padding-top:8px;line-height:1.6;display:block}.plain-panel{padding:20px}.plain-grid,.analysis-grid,.future-grid,.structure-grid,.placement-grid,.western-grid,.element-strip,.mbti-axis-grid{gap:12px;display:grid}.astro-structure{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;display:grid}.structure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.structure-grid article,.placement-card,.western-grid article,.element-strip section,.mbti-axis-grid article,.mbti-hero{background:#0f0a086b;border:1px solid #e8b85a29;border-radius:8px;padding:15px}.structure-grid b,.placement-card b,.western-grid b,.element-strip b,.mbti-axis-grid b{color:var(--ink);margin-bottom:8px;display:block}.structure-grid p,.placement-card p,.western-grid p,.element-strip p,.mbti-axis-grid p,.mbti-summary,.module-note{color:var(--muted);line-height:1.75}.placement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.western-section{margin-top:18px}.western-section h3{color:var(--gold);letter-spacing:0;margin:0 0 12px;font-size:16px}.western-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.western-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.element-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.mbti-section{border-top:1px solid #e8b85a29;padding-top:18px}.mbti-hero{background:linear-gradient(135deg,#64d2b41f,#0000),#0f0a086b;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;display:flex}.mbti-hero span{color:var(--green);font-size:13px;font-weight:800}.mbti-hero b{color:var(--gold);margin:8px 0 2px;font-size:42px;line-height:1;display:block}.mbti-hero em{color:var(--ink);font-style:normal;font-weight:800}.mbti-summary{margin:0 0 12px}.mbti-axis-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.mbti-axis-grid header{justify-content:space-between;gap:10px;display:flex}.mbti-axis-grid span{color:var(--gold);font-weight:800}.element-strip header{justify-content:space-between;align-items:center;gap:12px;display:flex}.element-strip span{color:var(--gold);font-weight:800}.placement-card span{color:var(--green);font-size:13px;font-weight:800}.placement-card b{color:var(--gold);margin-top:8px;font-size:26px}.placement-card em{color:var(--muted);margin-bottom:10px;font-style:normal;display:block}.house-strip{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.module-note{margin-top:14px;font-size:13px}.plain-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.plain-grid article,.analysis-item,.future-card,.teacher-answer{background:#0f0a086b;border:1px solid #e8b85a29;border-radius:8px}.plain-grid article{padding:16px}.analysis-groups{gap:22px;display:grid}.analysis-group{gap:12px;display:grid}.analysis-group-title{border-bottom:1px solid #e8b85a29;justify-content:space-between;align-items:center;gap:12px;padding:0 2px 10px;display:flex}.analysis-group-title h3{color:var(--gold);margin:0;font-size:18px}.analysis-group-title span,.analysis-item header span{color:var(--muted);font-size:13px}.analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-item{flex-direction:column;gap:12px;min-height:280px;padding:18px;display:flex}.analysis-item header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.analysis-item header div{gap:5px;display:grid}.analysis-item header b{color:var(--paper);font-size:18px}.analysis-item p{font-size:14px}.analysis-item .analysis-core{color:#fceecceb}.analysis-item footer{color:var(--gold);border-top:1px solid #e8b85a1f;margin-top:auto;padding-top:12px;font-size:14px;line-height:1.75}.teacher-panel{min-height:520px}.quick-list{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.ask-btn{margin-top:12px}.teacher-answer{margin-top:14px;padding:16px}.teacher-answer b,.plain-grid b,.future-card b,.el-timeline-item__content b{color:var(--ink);margin-bottom:8px;display:block}.future-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.future-card{gap:11px;padding:16px;display:grid}.future-card span{color:var(--gold);font-weight:800}.future-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.future-top em{color:#fff6e3b8;border:1px solid #e8b85a38;border-radius:999px;padding:3px 8px;font-size:12px;font-style:normal;font-weight:900}.future-top em.up{color:var(--green);background:#64d2b414;border-color:#64d2b452}.future-top em.down{color:var(--rose);background:#f06a8a14;border-color:#f06a8a52}.future-focus,.future-basis span{color:#fff6e3b8;font-size:13px}.future-basis{flex-wrap:wrap;gap:7px;display:flex}.future-basis span{background:#44c7f40f;border:1px solid #44c7f433;border-radius:999px;padding:5px 8px}.future-hexagram{background:#e8b85a0e;border-left:2px solid #e8b85a7a;padding:9px 10px}.future-sections{gap:9px;display:grid}.future-sections section{background:#ffffff07;border:1px solid #e8b85a1f;border-radius:8px;padding:10px}.future-sections b{color:var(--gold);margin-bottom:4px;font-size:13px}.future-card footer{color:#fff6e3db;border-top:1px solid #e8b85a24;padding-top:10px;font-size:14px;line-height:1.75}.el-card,.el-form-item__label,.el-tabs__item,.el-timeline-item__timestamp,.el-progress__text{color:var(--ink)}.mystic-input .el-input__wrapper,.mystic-select .el-select__wrapper,.el-textarea__inner{background:linear-gradient(135deg,#ffffff14,#44c7f409,#9f6cff06),#070504ad;border:1px solid #e8b85a33;border-radius:8px;min-height:46px;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px #ffffff14,0 0 #e8b85a00}.mystic-input .el-input__wrapper:hover,.mystic-select .el-select__wrapper:hover{background:linear-gradient(135deg,#e8b85a14,#44c7f412,#9f6cff0b),#070504b8;border-color:#44c7f480}.mystic-input .el-input__wrapper.is-focus,.mystic-select .el-select__wrapper.is-focused{border-color:#64d2b4b3;box-shadow:0 0 0 3px #64d2b41f,0 0 28px #64d2b41f,0 0 44px #9f6cff1a}.mystic-input .el-input__inner,.mystic-select .el-select__selected-item,.el-textarea__inner{color:var(--ink);font-weight:700}.mystic-input .el-input__prefix,.mystic-select .el-select__prefix{margin-right:8px}.mystic-select .el-select__caret{color:var(--gold)}.mystic-segmented.el-segmented{--el-segmented-item-selected-bg-color:#e8b85ae6;--el-segmented-item-selected-color:#1a0d08;--el-segmented-item-hover-bg-color:#e8b85a29;--el-segmented-item-hover-color:var(--ink);--el-segmented-item-active-bg-color:#e8b85a3d;background:linear-gradient(135deg,#ffffff0f,#ffffff04),#070504ad;border:1px solid #e8b85a33;border-radius:8px;width:100%;min-height:46px;padding:4px}.mystic-segmented .el-segmented__item{color:var(--muted);border-radius:7px;font-weight:800}.el-form-item{margin-bottom:0}.el-form-item__label{color:#fff6e3c2;margin-bottom:7px;font-size:13px;font-weight:800}.mystic-popper.el-popper{background:linear-gradient(145deg,#3a2419fa,#120b1afa 55%,#071416fa);border:1px solid #e8b85a47;border-radius:8px;overflow:hidden;box-shadow:0 22px 60px #00000080}.mystic-popper .el-select-dropdown,.place-popper .el-autocomplete-suggestion{background:0 0}.mystic-popper .el-select-dropdown__list,.place-popper .el-autocomplete-suggestion__list{padding:6px}.mystic-popper .el-select-dropdown__item,.place-popper .el-autocomplete-suggestion li{color:#fff6e3c2;border-radius:7px;height:38px;font-weight:700}.mystic-popper .el-select-dropdown__item.is-hovering,.mystic-popper .el-select-dropdown__item:hover,.place-popper .el-autocomplete-suggestion li.highlighted,.place-popper .el-autocomplete-suggestion li:hover{color:var(--ink);background:linear-gradient(90deg,#e8b85a26,#44c7f41a,#9f6cff1c)}.mystic-popper .el-select-dropdown__item.is-selected{color:#150b07;background:linear-gradient(135deg,#e8b85ae0,#64d2b438)}.mystic-popper .el-popper__arrow:before{background:#3a2419fa;border-color:#e8b85a47}.place-autocomplete{width:100%}.place-popper .el-autocomplete-suggestion__wrap{max-height:238px}.place-popper .el-autocomplete-suggestion li{align-items:center;height:auto;min-height:52px;padding:8px 10px;line-height:1.35;display:flex}.place-popper.el-popper{max-width:420px}.place-option{gap:4px;min-width:0;display:grid}.place-option b{color:var(--ink);font-size:14px}.place-option span{color:#fff6e394;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.el-tabs__nav-wrap:after{background:#e8b85a2e}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.hero-grid,.astro-structure,.plain-grid,.analysis-grid,.western-grid,.element-strip,.mbti-axis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.astro-structure{grid-template-columns:1fr}}@media (width<=760px){.app-shell{gap:14px;width:min(100% - 24px,760px);padding:12px 0 32px}.sidebar{gap:12px}.brand{min-height:auto;padding:14px}.brand-mark{width:48px;height:48px;font-size:24px}h1{font-size:20px}.topbar,.panel,.plain-panel,.metric-card{border-radius:8px}.topbar{min-height:auto;padding:16px}.topbar h2,.panel h2,.plain-panel h2{font-size:21px}.topbar-orbit{opacity:.22;width:130px;height:130px;top:20px;right:-46px;transform:none}.topbar,.hero-grid,.metric-grid,.structure-grid,.placement-grid,.western-grid,.western-grid.two,.element-strip,.mbti-axis-grid,.plain-grid,.analysis-grid,.future-grid{grid-template-columns:1fr}.topbar,.panel-head,.chart-top{flex-direction:column;align-items:flex-start}.date-row,.two-col{grid-template-columns:1fr}.form-section,.plain-panel,.metric-card,.analysis-item,.future-card{padding:14px}.analysis-item{min-height:auto}.analysis-group-title{flex-direction:column;align-items:flex-start;gap:4px}.future-card{gap:10px}.future-basis{gap:6px}.future-basis span{white-space:normal;border-radius:8px;max-width:100%}.future-sections section{padding:9px}.place-popper.el-popper{max-width:calc(100vw - 24px)}.place-popper .el-autocomplete-suggestion__wrap{max-height:224px}.chart-panel,.teacher-panel{min-height:auto}.radar-chart{height:260px}}