/*! LIVONUS technology page styles — generated by build.mjs */ .tech-hero .page-hero__ring,.tech-hero .page-hero__grid{display: none}.tech-hero .page-hero__image{object-position: 72% 50%}@media (max-width: 640px){.tech-hero.page-hero--image::before{background: linear-gradient(180deg,rgba(6,22,48,0.55) 0%,rgba(6,22,48,0.74) 46%,rgba(6,22,48,0.96) 100%)}}.tech-anatomy{padding-top: calc(var(--section-y) * 0.75);background: linear-gradient(180deg,#071733 0%,rgba(7,23,51,0) 26%),var(--grad-night)}.anat{display: grid;grid-template-columns: minmax(0,0.8fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas: 'nav figure panel';gap: clamp(1.5rem,3vw,3rem);align-items: center}.anat > *{min-width: 0}.anat__nav{grid-area: nav;align-self: center}.anat__figure{position: relative;grid-area: figure;margin: 0;overflow: hidden;border-radius: var(--r-xl);border: 1px solid var(--line-dark-2);background: #0B1C37}.anat__figure img{display: block;width: 100%;height: auto}.anat__panels{grid-area: panel}.anat__tabs{display: grid;gap: 0.4rem}.anat__tab{display: grid;grid-template-columns: 2.5rem auto minmax(0,1fr);align-items: center;gap: 0.75rem;width: 100%;min-height: 3.5rem;padding: 0.5rem 0.9rem 0.5rem 0.5rem;border-radius: var(--r-md);border: 1px solid transparent;color: var(--on-dark-2);text-align: left;font-weight: 600;font-size: var(--fs-sm);transition: background-color var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.anat__tab:hover{background: rgba(255,255,255,0.04);color: var(--white)}.anat__tab[aria-selected='true']{background: rgba(231,166,51,0.1);border-color: rgba(231,166,51,0.45);color: var(--white)}.anat__tab-icon{display: grid;place-items: center;width: 2.5rem;height: 2.5rem;border-radius: 12px;background: rgba(255,255,255,0.05);color: var(--on-dark-2);transition: background-color var(--t-fast),color var(--t-fast)}.anat__tab-icon .icon{width: 1.2rem;height: 1.2rem}.anat__tab[aria-selected='true'] .anat__tab-icon{background: var(--sun-500);color: var(--navy-900)}.anat__tab-index{font-family: var(--font-mono);font-size: 0.75rem;color: var(--on-dark-3)}.anat__tab[aria-selected='true'] .anat__tab-index{color: var(--sun-400)}.anat__panel{display: grid;gap: 1rem;align-content: start}.anat__panel:focus-visible{outline-offset: 8px}.anat__panel-kicker{color: var(--sun-400) !important}.anat__panel-title{font-size: var(--fs-h3);color: var(--white)}.anat__panel-text{color: var(--on-dark-2);line-height: 1.75}.anat__panel .check-list{margin-top: 0.5rem}.js [data-tabs]:not(.is-ready) [role='tabpanel']:not(:first-child){display: none}.anat__panel:not([hidden]){animation: swap-in 450ms var(--ease-out)}.no-js .anat__nav{display: none}.no-js .anat{grid-template-areas: 'figure panel';grid-template-columns: 1fr 1fr}.no-js .anat__panels{display: grid;gap: 2.5rem}.anat__focus{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none}.anat__dim{fill: #061630;opacity: 0.62}.anat__hole,.anat__mark{opacity: 0;transition: opacity 400ms var(--ease-out)}.anat__mark path{fill: none;stroke: var(--sun-400);stroke-width: 6;stroke-linecap: round}.anat__mark text{fill: var(--sun-300);font-family: var(--font-mono);font-size: 40px;font-weight: 600}[data-active='cells'] .anat__focus [data-layer='cells'],[data-active='bms'] .anat__focus [data-layer='bms'],[data-active='thermal'] .anat__focus [data-layer='thermal'],[data-active='enclosure'] .anat__focus [data-layer='enclosure'],[data-active='pcs'] .anat__focus [data-layer='pcs'],[data-active='monitoring'] .anat__focus [data-layer='monitoring']{opacity: 1}.no-js .anat__focus{display: none}.anat__caption{position: absolute;left: 0.9rem;bottom: 0.75rem;padding: 0.2rem 0.6rem;border-radius: var(--r-pill);background: rgba(6,22,48,0.55);font-family: var(--font-mono);font-size: var(--fs-label);letter-spacing: 0.1em;text-transform: uppercase;color: rgba(255,255,255,0.8);pointer-events: none}:lang(zh) .anat__caption{font-family: var(--font-body);letter-spacing: 0.04em}@media (max-width: 1100px){.anat{grid-template-columns: minmax(0,1fr) minmax(0,1fr);grid-template-areas: 'nav figure' 'panel panel'}}@media (max-width: 760px){.anat{grid-template-columns: 1fr;grid-template-areas: 'nav' 'figure' 'panel'}.anat__tabs{display: flex;overflow-x: auto;scrollbar-width: none;margin-inline: calc(-1 * var(--gutter));padding-inline: var(--gutter);gap: 0.5rem}.anat__tabs::-webkit-scrollbar{display: none}.anat__tab{flex: none;width: auto;grid-template-columns: 2.25rem auto;border-color: var(--line-dark)}.anat__tab-index{display: none}.anat__tab-icon{width: 2.25rem;height: 2.25rem}.anat__figure{max-width: 26rem;justify-self: center;width: 100%}.no-js .anat{grid-template-areas: 'figure' 'panel';grid-template-columns: 1fr}}.cpl-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: clamp(1rem,2vw,2rem)}.cpl-card{display: grid;gap: 1.25rem;align-content: start;padding: clamp(1.5rem,1rem + 1.5vw,2.5rem);border-radius: var(--r-xl);border: 1px solid var(--line);background: var(--white);box-shadow: var(--shadow-sm)}.cpl-card__head{display: flex;align-items: center;gap: 0.85rem}.cpl-card__title{font-size: var(--fs-h3)}.cpl-card__text{color: var(--ink-2);line-height: 1.7}.cpl-card__when{display: grid;gap: 0.35rem;padding: 1rem 1.15rem;border-radius: var(--r-md);background: var(--sun-100);color: var(--ink);font-weight: 600;font-size: var(--fs-sm);line-height: 1.55}.cpl-card__when .mono{color: var(--sun-700);font-weight: 500}.cpl{display: grid;align-items: center;row-gap: 1rem;padding: 1.5rem 1.25rem;border-radius: var(--r-lg);background: var(--navy-900);background-image: linear-gradient(var(--line-dark) 1px,transparent 1px),linear-gradient(90deg,var(--line-dark) 1px,transparent 1px);background-size: 28px 28px}.cpl--ac{grid-template-columns: minmax(0,1fr) 1.25rem minmax(0,1.15fr) 1.25rem 2.4rem 1.25rem minmax(0,1fr);grid-template-rows: auto auto}.cpl--dc{grid-template-columns: minmax(0,1fr) 1.25rem 2.4rem 1.25rem minmax(0,1.15fr) 1.25rem minmax(0,1fr);grid-template-rows: auto auto}.cpl__box{display: grid;justify-items: center;gap: 0.35rem;padding: 0.7rem 0.4rem;border-radius: 12px;border: 1px solid var(--line-dark-2);background: rgba(255,255,255,0.05);color: var(--white);font-size: 0.75rem;font-weight: 600;line-height: 1.25;text-align: center;overflow-wrap: anywhere;hyphens: auto}.cpl__box .icon{width: 1.25rem;height: 1.25rem;color: var(--on-dark-2)}.cpl__box--accent{border-color: var(--sun-400);background: rgba(231,166,51,0.14)}.cpl__box--accent .icon{color: var(--sun-300)}.cpl__wire{display: block;height: 2px;align-self: center;background: repeating-linear-gradient(90deg,var(--sun-400) 0 5px,transparent 5px 10px);background-size: 20px 2px;animation: wire-run 900ms linear infinite}@keyframes wire-run{to{background-position: 20px 0}}.cpl__bus{display: grid;place-items: center;align-self: stretch;border-radius: 8px;background: linear-gradient(180deg,var(--sun-500),var(--ember-500));color: var(--navy-900);font-family: var(--font-mono);font-size: 0.75rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase}.cpl__bus span{writing-mode: vertical-rl;transform: rotate(180deg);padding: 0.4rem 0}:lang(zh) .cpl__bus span{transform: none;letter-spacing: 0.2em}.cpl--ac .cpl--pv{grid-area: 1 / 1}.cpl--ac .cpl--w1{grid-area: 1 / 2}.cpl--ac .cpl--pvinv{grid-area: 1 / 3}.cpl--ac .cpl--w2{grid-area: 1 / 4}.cpl--ac .cpl--bat{grid-area: 2 / 1}.cpl--ac .cpl--w3{grid-area: 2 / 2}.cpl--ac .cpl--batinv{grid-area: 2 / 3}.cpl--ac .cpl--w4{grid-area: 2 / 4}.cpl--ac .cpl--bus{grid-area: 1 / 5 / 3 / 6}.cpl--ac .cpl--w5{grid-area: 1 / 6 / 3 / 7}.cpl--ac .cpl--loads{grid-area: 1 / 7 / 3 / 8}.cpl--dc .cpl--pv{grid-area: 1 / 1}.cpl--dc .cpl--w1{grid-area: 1 / 2}.cpl--dc .cpl--bat{grid-area: 2 / 1}.cpl--dc .cpl--w3{grid-area: 2 / 2}.cpl--dc .cpl--bus{grid-area: 1 / 3 / 3 / 4}.cpl--dc .cpl--w5{grid-area: 1 / 4 / 3 / 5}.cpl--dc .cpl--hybrid{grid-area: 1 / 5 / 3 / 6}.cpl--dc .cpl--w6{grid-area: 1 / 6 / 3 / 7}.cpl--dc .cpl--loads{grid-area: 1 / 7 / 3 / 8}@media (max-width: 980px){.cpl-grid{grid-template-columns: 1fr}}@media (max-width: 460px){.cpl{padding: 1rem 0.6rem}.cpl--ac,.cpl--dc{column-gap: 0}.cpl--ac{grid-template-columns: minmax(0,1fr) 0.6rem minmax(0,1.1fr) 0.6rem 1.8rem 0.6rem minmax(0,1fr)}.cpl--dc{grid-template-columns: minmax(0,1fr) 0.6rem 1.8rem 0.6rem minmax(0,1.1fr) 0.6rem minmax(0,1fr)}.cpl__box{font-size: 0.75rem;padding: 0.55rem 0.25rem}.cpl__box .icon{width: 1.05rem;height: 1.05rem}}.tech-modes__grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: clamp(1rem,1.5vw,1.5rem)}.tech-mode{min-height: 17rem;overflow: hidden}.tech-mode__num{position: absolute;right: 1.25rem;top: 1rem;font-family: var(--font-display);font-size: 3.75rem;font-weight: 700;line-height: 1;letter-spacing: -0.05em;color: transparent;-webkit-text-stroke: 1px rgba(203,216,231,0.18);pointer-events: none}.tech-mode:hover{border-color: rgba(231,166,51,0.5)}.tech-mode .card__icon{margin-bottom: 1.25rem}.tech-mode .card__title{font-size: var(--fs-h4);text-wrap: balance}.tech-mode__chart{display: block;width: 100%;height: 3.75rem;margin-top: auto;padding-top: 1.25rem;overflow: visible}.tech-mode__chart path{vector-effect: non-scaling-stroke}.tech-mode__chart .is-base{fill: none;stroke: var(--line-dark-2);stroke-width: 1}.tech-mode__chart .is-direct{fill: rgba(231,166,51,0.38)}.tech-mode__chart .is-stored{fill: rgba(251,228,185,0.72)}.tech-mode__chart .is-supplied{fill: rgba(163,184,210,0.45)}.tech-mode__chart .is-outage{fill: rgba(203,216,231,0.09)}.tech-mode__chart .is-limit{fill: none;stroke: var(--sun-400);stroke-width: 1.2;stroke-dasharray: 5 4}.tech-mode__chart .is-demand{fill: none;stroke: var(--white);stroke-width: 1.4;stroke-dasharray: 3 3;opacity: 0.85}@media (max-width: 1100px){.tech-modes__grid{grid-template-columns: repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.tech-modes__grid{grid-template-columns: 1fr}.tech-mode{min-height: 0}}.tech-glossary{display: grid;grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);gap: var(--s-7) clamp(2rem,6vw,6rem);align-items: start}.tech-glossary__intro{display: grid;gap: 1.5rem;justify-items: start;position: sticky;top: calc(var(--header-h) + 2rem)}.tech-glossary__list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0 clamp(1.5rem,3vw,3rem);margin: 0}.tech-term{padding-block: 1.4rem;border-top: 1px solid var(--line)}.tech-term dt{font-family: var(--font-display);font-size: var(--fs-h4);font-weight: 600;letter-spacing: -0.015em;margin-bottom: 0.5rem}.tech-term dt::before{content: '';display: inline-block;width: 0.5rem;height: 0.5rem;margin-right: 0.6rem;border-radius: 50%;background: var(--sun-500);vertical-align: 0.15em}.tech-term dd{color: var(--ink-3);font-size: var(--fs-sm);line-height: 1.7}@media (max-width: 960px){.tech-glossary{grid-template-columns: 1fr}.tech-glossary__intro{position: static}}@media (max-width: 600px){.tech-glossary__list{grid-template-columns: 1fr}}