.codecard{background:var(--ink-2);box-shadow:var(--shadow);border:1px solid #ffffff0f;border-radius:16px;overflow:hidden}.codecard .cc-bar{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:12px 16px;display:flex}.codecard .cc-dot{background:#ffffff38;border-radius:50%;width:11px;height:11px}.codecard .cc-file{color:#ffffff8c;margin-left:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.codecard pre{color:#e7e9ff;margin:0;padding:18px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.65;overflow-x:auto}.codecard .k{color:#8fa0ff}.codecard .s{color:#8fe3b0}.codecard .c{color:#7a7e93}.codecard .f{color:#ffb59e}.tier{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;flex-direction:column;padding:26px 24px;display:flex}.tier.feat{border:1.6px solid var(--blue)}.tier .tnum{color:var(--blue);letter-spacing:.04em;font-size:12px;font-weight:700}.tier h3{margin:8px 0;font-size:20px}.tier p{color:var(--t2);flex:1;font-size:14px}.tier .who{color:var(--t3);border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-size:12.5px}.tier .who b{color:var(--t1)}