.tools-stage{--tool-accent: #7ec8b8;--tool-accent-border: rgba(126, 200, 184, .35);--tool-accent-bg: rgba(80, 180, 160, .12);--tool-gradient: linear-gradient( 135deg, rgba(80, 180, 160, .12) 0%, rgba(60, 140, 120, .06) 45%, rgba(15, 15, 22, 0) 100% );display:flex;flex-direction:column;gap:var(--ds-space-2xl);width:100%}.tools-stage--bazi{--tool-accent: #7ec8b8;--tool-accent-border: rgba(126, 200, 184, .35);--tool-accent-bg: rgba(80, 180, 160, .14);--tool-gradient: linear-gradient(135deg, rgba(80, 180, 160, .12) 0%, rgba(60, 140, 120, .06) 45%, rgba(15, 15, 22, 0) 100%)}.tools-stage--ziwei{--tool-accent: #c4a8f0;--tool-accent-border: rgba(196, 168, 240, .35);--tool-accent-bg: rgba(140, 100, 200, .14);--tool-gradient: linear-gradient(135deg, rgba(140, 100, 200, .12) 0%, rgba(100, 70, 160, .06) 45%, rgba(15, 15, 22, 0) 100%)}.tools-stage--nametest{--tool-accent: #e8a8b8;--tool-accent-border: rgba(232, 168, 184, .35);--tool-accent-bg: rgba(200, 120, 140, .14);--tool-gradient: linear-gradient(135deg, rgba(200, 120, 140, .12) 0%, rgba(160, 90, 110, .06) 45%, rgba(15, 15, 22, 0) 100%)}.tools-stage--shengxiao{--tool-accent: #e8c078;--tool-accent-border: rgba(232, 192, 120, .35);--tool-accent-bg: rgba(220, 140, 80, .14);--tool-gradient: linear-gradient(135deg, rgba(220, 140, 80, .12) 0%, rgba(180, 110, 60, .06) 45%, rgba(15, 15, 22, 0) 100%)}.tools-hero{display:flex;align-items:center;gap:var(--ds-space-lg);padding:var(--ds-space-lg) var(--ds-space-xl);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border);background:var(--tool-gradient)}.tools-hero__mark{flex-shrink:0;display:grid;place-items:center;width:56px;height:56px;border-radius:var(--ds-radius-lg);background:var(--tool-accent-bg);border:1px solid var(--tool-accent-border);color:var(--tool-accent)}.tools-hero__brand{margin:0;font-family:var(--ds-font-display);font-size:1.35rem;font-weight:600;letter-spacing:.04em}.tools-hero__brand-en{margin:2px 0 0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ds-text-muted)}.tools-hero__hint{margin:var(--ds-space-sm) 0 0;font-size:.82rem;color:var(--ds-text-secondary);line-height:1.5}.tools-ritual{margin-bottom:calc(var(--ds-space-sm) * -1)}.tools-logo-mark{display:block;color:inherit}.tools-form{display:flex;flex-direction:column;gap:var(--ds-space-md);padding:var(--ds-space-lg);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border);background:var(--ds-bg-surface)}.tools-form__title{margin:0;font-family:var(--ds-font-display);font-size:1rem;font-weight:600}.tools-time__fields{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-sm)}.tools-time__fields .field__input{width:4.5rem;text-align:center}.tools-time__sep{font-size:.85rem;color:var(--ds-text-muted)}.tools-input-error{margin:0;font-size:.82rem;color:#ef4444f2}.tools-shrine{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-md);padding:var(--ds-space-xl);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border);background:radial-gradient(ellipse 80% 60% at 50% 40%,var(--tool-accent-bg) 0%,transparent 70%),var(--ds-gradient-aurora)}.tools-shrine__glyph{font-size:3rem;color:var(--tool-accent);line-height:1}.tools-shrine__hint{margin:0;font-size:.78rem;color:var(--ds-text-muted);text-align:center}.tools-insight{display:flex;flex-direction:column;gap:var(--ds-space-lg);animation:ui-enter .5s var(--ds-ease-out)}.tools-insight__banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--ds-space-lg);padding:var(--ds-space-lg);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border);background:var(--ds-gradient-aurora)}.tools-insight__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:2px solid var(--tool-accent-border);background:var(--tool-accent-bg);color:var(--tool-accent);font-size:1.5rem}.tools-insight__title{margin:0;font-family:var(--ds-font-display);font-size:1.1rem;font-weight:600}.tools-insight__sub{margin:4px 0 0;font-size:.78rem;color:var(--ds-text-muted)}.tools-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ds-space-md)}.tools-pillar-card{padding:var(--ds-space-md);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border);background:var(--ds-bg-surface);text-align:center}.tools-pillar-card__label{font-size:.78rem;color:var(--ds-text-muted);margin-bottom:4px}.tools-pillar-card__value{font-family:var(--ds-font-display);font-size:1.75rem;font-weight:600;color:var(--tool-accent)}.tools-palace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-md)}.tools-palace-card{padding:var(--ds-space-md);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border);background:var(--ds-bg-surface);cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:border-color .2s,box-shadow .2s}.tools-palace-card:hover{border-color:var(--tool-accent-border)}.tools-palace-card--active{border-color:var(--tool-accent);box-shadow:0 0 16px var(--tool-accent-bg)}.tools-palace-card--shen{border-color:#e85d9373}.tools-palace-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tools-palace-card__name{margin:0;font-size:.95rem;font-weight:600}.tools-palace-card__stars{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px;min-height:40px}.tools-score-ring{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:2px solid var(--tool-accent-border);background:var(--tool-accent-bg);font-weight:700;font-size:1.1rem;color:var(--tool-accent)}.tools-zodiac-pair{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-xl);font-size:2.5rem}.tools-zodiac-pair__link{font-size:1.2rem;color:var(--tool-accent)}.tools-tips{margin:0;padding-left:1.25rem;font-size:.88rem;line-height:1.7;color:var(--ds-text-secondary)}@media (max-width: 720px){.tools-pillar-grid{grid-template-columns:repeat(2,1fr)}.tools-palace-grid{gap:var(--ds-space-sm)}.tools-insight__banner{grid-template-columns:1fr;text-align:center}.tools-insight__icon{margin:0 auto}}.qimen-stage{display:flex;flex-direction:column;gap:var(--ds-space-2xl);width:100%}.qimen-hero{display:flex;align-items:center;gap:var(--ds-space-lg);padding:var(--ds-space-lg) var(--ds-space-xl);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border);background:linear-gradient(135deg,#c8a0501f,#a0783c0f 45%,#0f0f1600)}.qimen-hero__mark{flex-shrink:0;display:grid;place-items:center;width:56px;height:56px;border-radius:var(--ds-radius-lg);background:#c8a05024;border:1px solid rgba(220,180,100,.35);color:#e0c878}.qimen-hero__brand{margin:0;font-family:var(--ds-font-display);font-size:1.35rem;font-weight:600;color:var(--ds-text-primary);letter-spacing:.04em}.qimen-hero__brand-en{margin:2px 0 0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ds-text-muted)}.qimen-hero__hint{margin:var(--ds-space-sm) 0 0;font-size:.82rem;color:var(--ds-text-secondary);line-height:1.5}.qimen-ritual{margin-bottom:calc(var(--ds-space-sm) * -1)}.qimen-logo-mark{display:block;color:inherit}.qimen-time{display:flex;flex-direction:column;gap:var(--ds-space-md);padding:var(--ds-space-lg);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border);background:var(--ds-bg-surface)}.qimen-time__title{margin:0;font-family:var(--ds-font-display);font-size:1rem;font-weight:600}.qimen-time__sub{margin:0;font-size:.78rem;color:var(--ds-text-muted)}.qimen-time__fields{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-sm)}.qimen-time__fields .field__input{width:4.5rem;text-align:center}.qimen-time__sep{font-size:.85rem;color:var(--ds-text-muted)}.qimen-direction{display:flex;flex-direction:column;gap:var(--ds-space-md);padding:var(--ds-space-lg);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border);background:var(--ds-bg-surface)}.qimen-direction__title{margin:0;font-family:var(--ds-font-display);font-size:1rem;font-weight:600}.qimen-direction__sub{margin:0;font-size:.78rem;color:var(--ds-text-muted)}.qimen-shrine{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-lg);padding:var(--ds-space-xl);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border);background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(200,160,80,.12) 0%,transparent 70%),var(--ds-gradient-aurora);position:relative;overflow:hidden}.qimen-shrine:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,rgba(224,200,120,.08) 0%,transparent 55%);animation:qimenShrineBreath 4s ease-in-out infinite;pointer-events:none}@keyframes qimenShrineBreath{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.qimen-shrine__hint{margin:0;font-size:.78rem;color:var(--ds-text-muted);text-align:center;position:relative;z-index:1}.qimen-compass{position:relative;width:140px;height:140px;z-index:1}.qimen-compass__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(220,180,100,.45);background:radial-gradient(circle,rgba(200,160,80,.08) 0%,transparent 70%);box-shadow:0 0 24px #c8a05026}.qimen-compass__ring:before,.qimen-compass__ring:after{content:"";position:absolute;background:#dcb46433}.qimen-compass__ring:before{top:50%;left:8%;right:8%;height:1px;transform:translateY(-50%)}.qimen-compass__ring:after{left:50%;top:8%;bottom:8%;width:1px;transform:translate(-50%)}.qimen-compass__label{position:absolute;font-size:.65rem;color:var(--ds-text-muted);font-weight:600}.qimen-compass__label--n{top:4px;left:50%;transform:translate(-50%)}.qimen-compass__label--s{bottom:4px;left:50%;transform:translate(-50%)}.qimen-compass__label--e{right:6px;top:50%;transform:translateY(-50%)}.qimen-compass__label--w{left:6px;top:50%;transform:translateY(-50%)}.qimen-compass__needle-wrap{position:absolute;top:20%;right:20%;bottom:20%;left:20%;display:grid;place-items:center;transition:transform .6s var(--ds-ease-out)}.qimen-compass__needle{width:4px;height:70%;border-radius:2px;background:linear-gradient(to bottom,#e85d5d,#e85d5d 50%,#c8c8c899 50%,#c8c8c899);box-shadow:0 0 8px #e85d5d66}.qimen-compass__center{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#e0c878;border:2px solid rgba(220,180,100,.6);z-index:2}.qimen-compass__dir{margin-top:var(--ds-space-sm);font-size:.9rem;font-weight:600;color:#e0c878;text-align:center;position:relative;z-index:1}.qimen-meta{display:flex;flex-wrap:wrap;gap:var(--ds-space-sm);justify-content:center;position:relative;z-index:1}.qimen-meta__chip{padding:4px 12px;border-radius:var(--ds-radius-full);font-size:.78rem;border:1px solid var(--ds-border);background:#c8a05014;color:var(--ds-text-secondary)}.qimen-chart{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-md);width:100%;margin:0}.qimen-chart__cell{display:flex;flex-direction:column;min-height:160px;padding:var(--ds-space-md);background:var(--ds-bg-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);transition:border-color var(--ds-duration-normal),box-shadow var(--ds-duration-normal),transform .2s ease;cursor:pointer;text-align:left;font-family:inherit;color:inherit}.qimen-chart__cell:hover{transform:translateY(-1px)}.qimen-chart__cell--good{border-color:#22c55e73;background:#22c55e0f}.qimen-chart__cell--bad{border-color:#ef444473;background:#ef44440f}.qimen-chart__cell--selected{border-color:#dcb464b3;box-shadow:0 0 20px #c8a05033}.qimen-chart__cell--focused{outline:2px solid rgba(220,180,100,.5);outline-offset:2px}.qimen-chart__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-space-sm);padding-bottom:var(--ds-space-sm);border-bottom:1px solid var(--ds-border)}.qimen-chart__name{font-weight:600;color:var(--ds-text-primary)}.qimen-chart__dir{font-size:.8rem;color:var(--ds-text-muted)}.qimen-chart__body{flex:1;display:flex;flex-direction:column;gap:4px}.qimen-chart__row{display:flex;align-items:center;gap:var(--ds-space-sm);font-size:.85rem}.qimen-chart__label{color:var(--ds-text-muted)}.qimen-chart__score{margin-top:auto;padding-top:var(--ds-space-sm);border-top:1px solid var(--ds-border)}.qimen-chart__bar{height:6px;background:var(--ds-border);border-radius:4px;overflow:hidden;margin-bottom:4px}.qimen-chart__bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.qimen-chart__score-val{font-size:.85rem;color:var(--ds-text-muted);font-weight:600}.qimen-insight{display:flex;flex-direction:column;gap:var(--ds-space-lg);animation:ui-enter .5s var(--ds-ease-out)}.qimen-insight__banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--ds-space-lg);padding:var(--ds-space-lg);border-radius:var(--ds-radius-xl);border:1px solid var(--ds-border);background:var(--ds-gradient-aurora)}.qimen-insight__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:2px solid rgba(220,180,100,.4);background:#c8a0501f;color:#e0c878;font-size:1.5rem}.qimen-insight__title{margin:0;font-family:var(--ds-font-display);font-size:1.1rem;font-weight:600}.qimen-insight__sub{margin:4px 0 0;font-size:.78rem;color:var(--ds-text-muted)}.qimen-score-tag{display:inline-block;padding:6px 12px;border-radius:var(--ds-radius-lg);font-size:.85rem;font-weight:600}.qimen-score-tag--good{background:#22c55e26;color:#22c55ef2;border:1px solid rgba(34,197,94,.35)}.qimen-score-tag--bad{background:#ef444426;color:#ef4444f2;border:1px solid rgba(239,68,68,.35)}.qimen-advice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--ds-space-md)}.qimen-advice-card{padding:var(--ds-space-md) var(--ds-space-lg);border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border);background:var(--ds-bg-surface)}.qimen-advice-card h3{margin:0 0 var(--ds-space-sm);font-size:.95rem}.qimen-advice-row{display:flex;justify-content:space-between;align-items:center;margin-top:var(--ds-space-sm);font-size:.88rem}.qimen-tips{margin:0;padding-left:1.25rem;font-size:.88rem;line-height:1.7;color:var(--ds-text-secondary)}@media (max-width: 720px){.qimen-chart{gap:var(--ds-space-sm)}.qimen-chart__cell{min-height:130px;padding:var(--ds-space-sm)}.qimen-insight__banner{grid-template-columns:1fr;text-align:center}.qimen-insight__icon{margin:0 auto}}@media (prefers-reduced-motion: reduce){.qimen-shrine:before,.qimen-compass__needle-wrap{animation:none!important;transition:none!important}}