招牌配方
Elbow frame
The signature LCARS corner — a header bar bending down into a sidebar in one continuous radius.
.lcars-elbow {
display: grid;
grid-template-columns: 160px 1fr;
grid-template-rows: 60px 1fr;
gap: 8px;
background: #000000;
}
.lcars-elbow__corner {
grid-row: 1 / 3;
background: #FF9900;
border-top-left-radius: 48px;
border-bottom-left-radius: 48px;
}
.lcars-elbow__header {
background: #9966FF;
border-top-right-radius: 28px;
}
Capsule button
The rounded Okudagram block — flat color, end-cap radius, uppercase condensed label.
.lcars-capsule {
display: inline-flex;
align-items: center;
justify-content: flex-end;
height: 44px;
padding: 0 28px;
background: #FF9900;
color: #000000;
font-family: 'Antonio', sans-serif;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
border: none;
border-radius: 9999px;
transition: background 120ms linear;
}
.lcars-capsule:hover { background: #FFCC99; }
.lcars-capsule--violet { background: #9966FF; }
.lcars-capsule--blue { background: #5566FF; }
Numeric reference tag
The right-aligned Jura number that labels every panel, padded to a fixed digit count.
.lcars-tag {
font-family: 'Jura', monospace;
font-weight: 500;
letter-spacing: 0.05em;
color: #99CCFF;
text-align: right;
font-variant-numeric: tabular-nums;
}