.wu-xing{display:block;scroll-margin-top:80px;background-color:var(--wu-background, #f8f5ef);background-image:var(--wu-background-image, none);background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--wu-text, #2d2b27);overflow:hidden}#MainContent[data-template="page.five-elements"] .wu-xing{background-image:linear-gradient(to bottom,var(--wu-background) 0%,transparent 10%,transparent 90%,var(--wu-background) 100%),var(--wu-background-image, none)}.wu-xing__inner{width:min(calc(100% - 64px),var(--wu-width, 1440px));margin-inline:auto;padding-block:var(--wu-padding-top, 80px) var(--wu-padding-bottom, 80px);display:grid;grid-template-columns:minmax(0,27fr) minmax(0,43fr) minmax(0,30fr);grid-template-rows:auto 1fr;column-gap:var(--wu-gap, 40px);row-gap:24px;align-items:start}.wu-xing__intro{grid-column:1;grid-row:1;min-width:0;text-align:var(--wu-align, left)}.wu-xing__intro>.group-block{width:100%}.wu-xing__intro .text-block.h2 h2,.wu-xing__intro .text-block.h1 h1{font-family:var(--font-heading--family);font-size:clamp(2.8rem,3.2vw,4.4rem);line-height:1.05;letter-spacing:-.035em}.wu-xing__intro .group-block-content>.text-block:first-child{color:var(--wu-accent, #9c6b4f);letter-spacing:.17em;text-transform:uppercase}.wu-xing__intro .group-block-content>.text-block:last-child{max-width:34rem}.wu-xing__navigation-column{grid-column:1;grid-row:2;min-width:0}.wu-xing__navigation{margin-block-start:0}.wu-xing__navigation-items{display:grid;gap:var(--wu-nav-gap, 8px)}.wu-xing__nav-button{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:inherit;min-height:var(--wu-nav-size, 48px);display:flex;align-items:center;gap:16px;padding:2px 4px;text-align:left;font:inherit;cursor:pointer;opacity:.68;transition:opacity .2s ease}.wu-xing__nav-button:hover,.wu-xing__nav-button[aria-pressed=true]{opacity:1;color:var(--wu-nav-active, var(--wu-text))}.wu-xing__nav-symbol{width:var(--wu-nav-size, 48px);height:var(--wu-nav-size, 48px);flex:none;border-radius:50%;display:grid;place-items:center;border:1px solid #c8bbab;background:#eee8dc;color:#6e6558;font-family:var(--font-heading--family);font-size:calc(var(--wu-nav-size, 48px) * .44)}.wu-xing__nav-button[aria-pressed=true] .wu-xing__nav-symbol{background:var(--wu-element-color);border-color:var(--wu-element-color);color:#fff}.wu-xing__diagram-column{grid-column:2;grid-row:1 / 3;min-width:0;align-self:center}.wu-xing__diagram{width:100%}.wu-xing__diagram-art{width:min(100%,var(--wu-diagram-size, 500px));margin-inline:auto;position:relative;aspect-ratio:1;border-radius:50%;isolation:isolate}.wu-xing__diagram-art:before{content:"";position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;z-index:-1;background:var(--wu-ink-image) center / contain no-repeat;opacity:var(--wu-ink-opacity, .65);pointer-events:none}.wu-xing__diagram-lines,.wu-xing__diagram-nodes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wu-xing__diagram-lines{overflow:visible;z-index:1}.wu-xing__diagram-nodes{z-index:3}.wu-xing__outer-ring{fill:none;stroke:#c7b7a4;stroke-opacity:.5;stroke-width:1;stroke-dasharray:2 7}.wu-xing__generating{fill:none;stroke:var(--wu-generating-color, #7a6a58);stroke-width:1.8;stroke-linecap:round}.wu-xing__controlling{fill:none;stroke:var(--wu-controlling-color, #bbae9d);stroke-opacity:.66;stroke-width:1.1;stroke-dasharray:2 6}.wu-xing__diagram[data-generating=false] .wu-xing__generating,.wu-xing__diagram[data-controlling=false] .wu-xing__controlling{display:none}.wu-xing__diagram[data-generating=false] .wu-xing__diagram-center span:first-child,.wu-xing__diagram[data-controlling=false] .wu-xing__diagram-center span:last-child{display:none}.wu-xing__diagram-center{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;display:grid;gap:6px;text-align:center;font-size:var(--wu-center-font-size, 18px);line-height:1.35;font-weight:500;color:#514a42;max-width:170px}.wu-xing__home-center-zh,.wu-xing__home-center-en{display:none}.wu-xing__diagram-node{-webkit-appearance:none;appearance:none;position:absolute;left:var(--node-x);top:var(--node-y);translate:-50% -50%;width:var(--wu-node-size, 82px);height:var(--wu-node-size, 82px);border:1px solid rgb(255 255 255 / 45%);border-radius:50%;background:var(--wu-element-color);background-image:var(--wu-node-texture);background-size:cover;background-position:center;background-blend-mode:multiply;box-shadow:inset 0 0 18px #00000021,0 4px 14px #2e22161f;color:#fff;font-family:var(--font-heading--family);font-size:calc(var(--wu-node-size, 82px) * .45);cursor:pointer;transition:scale .2s ease,box-shadow .2s ease}.wu-xing__diagram-node:hover,.wu-xing__diagram-node[aria-pressed=true]{scale:1.08;box-shadow:0 0 0 5px #ffffffd9,0 7px 20px #2e22162e}.wu-xing__details{grid-column:3;grid-row:1 / 3;min-width:0;align-self:stretch;border-left:1px solid #dfd6ca;padding-inline-start:clamp(22px,3vw,48px)}.wu-xing__element{display:none;text-align:var(--wu-element-text-align, left)}.wu-xing__element[hidden]{display:none!important}.wu-xing:not([data-ready]) .wu-xing__element:first-child,.wu-xing[data-ready] .wu-xing__element[data-active=true]{display:block}.shopify-section:not(.wu-xing-section) .wu-xing__element:not([hidden]){display:block}.wu-xing__element-title-row{display:flex;align-items:baseline;gap:16px}.wu-xing__element-character{font-family:var(--font-heading--family);font-size:clamp(3.2rem,4vw,5.2rem);line-height:1}.wu-xing__element-name{text-transform:uppercase;letter-spacing:.14em;color:#746e66;font-size:.92rem}.wu-xing__keywords{margin:12px 0 0;font-weight:600}.wu-xing__element-description{margin-top:var(--wu-details-gap, 24px);line-height:1.55;max-width:35rem}.wu-xing__stones{margin-top:var(--wu-details-gap, 24px)}.wu-xing__stones-heading{margin:0 0 16px;font:inherit;font-size:.95rem;font-weight:600}.wu-xing__stones-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wu-stone-gap, 18px)}.wu-xing__stone{text-align:var(--wu-stone-align, center);min-width:0}.wu-xing__stone-image{width:min(100%,var(--wu-stone-size, 76px));aspect-ratio:1;object-fit:cover;border-radius:50%;margin-inline:auto}.wu-xing__stone-title{margin:8px 0 2px;font-size:.75rem;font-weight:600;line-height:1.3}.wu-xing__stone-description{margin:0;color:#77716a;font-size:.7rem;line-height:1.35}.wu-xing__element-action{margin-top:var(--wu-details-gap, 24px)}.wu-xing__element-action .button,.wu-xing__element-action .button-custom{background:var(--wu-accent, #9c6b4f);border-color:var(--wu-accent, #9c6b4f);color:#fff}.wu-xing button:focus-visible{outline:2px solid var(--wu-accent, #9c6b4f);outline-offset:4px}@media(min-width:768px)and (max-width:1199px){.wu-xing__inner{padding-block:var(--wu-tablet-padding-top, 56px) var(--wu-tablet-padding-bottom, 56px);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto auto auto;row-gap:24px}.wu-xing__intro{grid-column:1;grid-row:1}.wu-xing__navigation-column{grid-column:1;grid-row:2}.wu-xing__diagram-column{grid-column:2;grid-row:1 / 3}.wu-xing__details{grid-column:1 / -1;grid-row:3;border-left:0;border-top:1px solid #dfd6ca;padding:28px 0 0}.wu-xing__stones-grid{max-width:500px}}@media(min-width:768px)and (max-width:899px){.wu-xing__inner{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.wu-xing__intro{grid-column:1;grid-row:1}.wu-xing__diagram-column{grid-column:1;grid-row:2}.wu-xing__navigation-column{grid-column:1;grid-row:3}.wu-xing__details{grid-column:1;grid-row:4}.wu-xing__navigation-items{display:flex;flex-wrap:wrap;gap:12px 20px}}@media(max-width:767px){.wu-xing__inner{width:min(calc(100% - 40px),var(--wu-width, 1440px));padding-block:var(--wu-mobile-padding-top, 40px) var(--wu-mobile-padding-bottom, 48px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto;row-gap:24px}.wu-xing__intro{grid-column:1;grid-row:1;text-align:var(--wu-mobile-align, center)}.wu-xing__intro .text-block{--text-align: var(--wu-mobile-align, center) !important;text-align:var(--wu-mobile-align, center)!important;width:100%}.wu-xing__intro .text-block>*{text-align:var(--wu-mobile-align, center)!important}.wu-xing__intro .group-block-content>.text-block:last-child{margin-inline:auto}.wu-xing__intro .text-block.h2 h2,.wu-xing__intro .text-block.h1 h1{font-size:clamp(2.5rem,9vw,3.4rem)}.wu-xing__diagram-column{grid-column:1;grid-row:2;width:100%}.wu-xing__diagram-art{max-width:460px}.wu-xing__diagram-node{width:min(var(--wu-node-size, 82px),17vw);height:min(var(--wu-node-size, 82px),17vw);font-size:min(2rem,7vw)}.wu-xing__diagram-center{font-size:var(--wu-center-mobile-font-size, 13px);max-width:120px}.wu-xing__navigation-column{grid-column:1;grid-row:3;width:100%}.wu-xing__navigation-items{display:flex;overflow-x:auto;padding-bottom:8px;gap:10px;scrollbar-width:thin}.wu-xing__navigation[data-mobile-layout=wrap] .wu-xing__navigation-items{flex-wrap:wrap;justify-content:center;overflow:visible}.wu-xing__nav-button{flex-direction:column;min-width:66px;gap:5px;padding-inline:0;text-align:center;font-size:.75rem}.wu-xing__details{grid-column:1;grid-row:4;width:100%;border-left:0;border-top:1px solid #dfd6ca;padding:24px 0 0}.wu-xing__stone-image{width:min(100%,var(--wu-mobile-stone-size, 68px))}.wu-xing__element-action .button,.wu-xing__element-action .button-custom{display:inline-flex;justify-content:center;width:var(--wu-mobile-button-width, 100%);max-width:100%}}@media(max-width:359px){.wu-xing__inner{width:calc(100% - 32px);row-gap:20px}.wu-xing__stones-grid{gap:10px}.wu-xing__stone-title{font-size:.7rem}.wu-xing__stone-description{font-size:.65rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/wu-xing-explorer.css.map */