:root { color-scheme: dark; font-family: Georgia, "Noto Serif SC", serif; background: #031326; color: #d9edf5; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 50% -20%, #17527a 0, #071d35 34%, #031326 72%); }
main { width: min(760px, calc(100% - 32px)); margin: 48px auto; border: 1px solid #336b91; border-radius: 14px; padding: clamp(24px, 5vw, 52px); background: rgba(4, 24, 47, .94); box-shadow: 0 24px 80px rgba(0, 0, 0, .38), inset 0 0 0 3px rgba(90, 193, 225, .04); display: flex; flex-direction: column; gap: 52px; }
.brand { margin: 0 0 34px; color: #73d8e8; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
h1 { margin: 0 0 10px; color: #f3fbff; font-size: clamp(30px, 6vw, 48px); }
.updated { margin: 0 0 32px; color: #7fa8c3; font-size: 13px; }
h2 { margin: 30px 0 10px; color: #bfeefa; font-size: 18px; }
p, li { color: #b8cfdb; font-size: 15px; line-height: 1.78; }
a { color: #7ce0ee; }
nav { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 40px; border-top: 1px solid rgba(102, 167, 199, .28); padding-top: 22px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
.pricing-intro { max-width: 620px; color: #d9edf5; font-size: 17px; }
.price-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 30px 0 34px; }
.price-card { border: 1px solid rgba(124, 224, 238, .42); border-radius: 12px; padding: 22px; background: linear-gradient(145deg, rgba(18, 73, 103, .72), rgba(5, 31, 57, .92)); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.price-card h2 { margin: 8px 0 16px; color: #f3fbff; }
.price-card p { margin-bottom: 0; }
.price-kicker { margin: 0 !important; color: #73d8e8 !important; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px !important; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.price { margin: 0 !important; color: #f4d189 !important; font-size: 30px !important; font-weight: 800; line-height: 1.2 !important; }
@media (max-width: 620px) { .price-grid { grid-template-columns: 1fr; } }
.language { display: none; }
[data-language] { display: block; }
[data-language="en"] { order: 1; }
[data-language="zh"] { order: 2; border-top: 1px solid rgba(124, 224, 238, .34); padding-top: 46px; }