/* ASA suggested use cases — PREVIEW DRAFT 2026-11-10. Loaded by /, /solutions/*, /pricing/.
   Prefix .uc-*. Dark default; light under html[data-theme="light"]: lime is decorative only,
   text/CTA/focus use #0F5C2E; secondary text #4A4F57; control borders #8F8A7F. */

/* plan chip (label + plan name) */
.uc-chip{display:inline-flex;align-items:stretch;max-width:100%;border:1px solid rgba(182,255,46,.55);border-radius:99px;overflow:hidden;font:600 12px/1.2 Inter,"Noto Sans TC",system-ui,sans-serif;letter-spacing:.02em;vertical-align:top;color:#cfd2d6;text-decoration:none}
.uc-chip-l{display:inline-flex;align-items:center;padding:6px 10px 6px 12px;color:#cfd2d6;font-weight:500}
.uc-chip b{display:inline-flex;align-items:center;padding:6px 12px;background:#B6FF2E;color:#0b0c0e;font-weight:600}
.uc-chip.sm{font-size:11.5px}
.uc-chip.sm .uc-chip-l{padding:5px 8px 5px 10px}
.uc-chip.sm b{padding:5px 10px}
.uc-chip.lg{font-size:14px}
.uc-chip.lg .uc-chip-l{padding:9px 12px 9px 16px}
.uc-chip.lg b{padding:9px 16px}
.uc-chip.top{margin:0 0 18px 6px}
a.uc-chip:focus-visible{outline:2px solid #B6FF2E;outline-offset:3px}
a.uc-chip:hover{border-color:#B6FF2E}

/* homepage #i: six cards, 3 / 2 / 1 columns */
#i .g3.g6{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){#i .g3.g6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#i .g3.g6{grid-template-columns:minmax(0,1fr)}}
.uc-card{display:flex;flex-direction:column;color:inherit;text-decoration:none;transition:border-color .15s}
.uc-card:hover{border-color:rgba(182,255,46,.55)}
.uc-card:focus-visible{outline:2px solid #B6FF2E;outline-offset:3px}
.uc-card p{flex:1 1 auto}
.uc-card .uc-chip{align-self:flex-start;margin-top:16px}
.uc-go{margin-top:14px;color:#B6FF2E;font-size:20px;line-height:1}
.uc-notcust{margin:24px 0 0;font-size:13px;line-height:1.5;color:#9a9ea6}

/* /solutions/ hub */
.pg-card .uc-chip{align-self:flex-start;margin-top:10px}
.pg-card.uc-wide{grid-column:1/-1}

/* industry pages: plan + add-ons */
.uc-sec{padding:72px 0}
.uc-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.uc-box{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;padding:30px;border-radius:20px;background:#121316;border:1px solid #1f2125}
.uc-box .eye{margin:0}
.uc-planrow{margin:0}
.uc-d{margin:0;font-size:16px;line-height:1.65;color:#e1e3e6}
.uc-diff{margin:0;font-size:14px;line-height:1.6;color:#9a9ea6}
html[lang=zh-Hant] .uc-d{line-height:1.8}
html[lang=zh-Hant] .uc-diff{line-height:1.75}
.uc-box .btn{margin-top:4px}

/* /pricing/ strip */
.uc-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.uc-strip a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:14px 18px;border-radius:14px;border:1px solid #2a2c31;background:#121316;color:#eef0f2;font-size:15px;line-height:1.4;text-decoration:none}
.uc-strip a:hover{border-color:#B6FF2E}
.uc-strip a:focus-visible{outline:2px solid #B6FF2E;outline-offset:3px}
.uc-arr{flex:none;color:#B6FF2E}
html[lang=zh-Hant] .uc-strip a{line-height:1.55}
.uc-note{margin:18px 0 0;max-width:760px;font-size:14px;line-height:1.65;color:#9a9ea6}
.uc-cta{margin:24px 0 0}
.pr-uc .pg-sub{margin-bottom:28px}

@media(max-width:1000px){.uc-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){
  .uc-sec{padding:56px 0}
  .uc-two{grid-template-columns:minmax(0,1fr);gap:16px}
  .uc-box{padding:22px}
}
@media(max-width:560px){.uc-strip{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.uc-box{padding:18px}.uc-chip.lg{font-size:13px}.uc-chip.lg .uc-chip-l{padding:8px 10px 8px 12px}.uc-chip.lg b{padding:8px 12px}}

/* ---------- LIGHT ---------- */
html[data-theme="light"] .uc-chip{border-color:#0F5C2E;background:#FFFFFF;color:#14161A}
html[data-theme="light"] .uc-chip-l{color:#14161A}
html[data-theme="light"] .uc-chip b{background:#0F5C2E;color:#FFFFFF}
html[data-theme="light"] a.uc-chip:focus-visible{outline-color:#0F5C2E}
html[data-theme="light"] .uc-card:hover{border-color:#0F5C2E}
html[data-theme="light"] .uc-card:focus-visible{outline-color:#0F5C2E}
html[data-theme="light"] .uc-go{color:#0F5C2E}
html[data-theme="light"] .uc-notcust,html[data-theme="light"] .uc-diff,html[data-theme="light"] .uc-note{color:#4A4F57}
html[data-theme="light"] .uc-box{background:#FFFFFF;border-color:#DDD9D0}
html[data-theme="light"] .uc-d{color:#14161A}
html[data-theme="light"] .uc-strip a{background:#FFFFFF;border-color:#8F8A7F;color:#14161A}
html[data-theme="light"] .uc-strip a:hover{border-color:#0F5C2E}
html[data-theme="light"] .uc-strip a:focus-visible{outline-color:#0F5C2E}
html[data-theme="light"] .uc-arr{color:#0F5C2E}