body{margin:0;background:#fff;font:13px/1.6 "Microsoft YaHei",Tahoma,sans-serif;color:#333}.embed{display:flex;flex-direction:column;height:100vh;box-sizing:border-box;padding:14px;gap:12px;overflow:auto}.card{border:1px solid #e5e7eb;padding:14px;background:#fafafa}.card h3{margin:0 0 10px;font-size:13px;color:#ff5000}.st{font-size:12px;color:#9ca3af}.hint{margin-top:8px;font-size:12px;color:#9ca3af;line-height:1.7}.f{display:flex;gap:10px;flex-wrap:wrap;align-items:center}label{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:4px}input[type=color]{width:38px;height:28px;padding:0;border:1px solid #e5e7eb;background:#fff;cursor:pointer}input[type=text]{padding:7px 8px;border:1px solid #e5e7eb;font-size:13px;font-family:Consolas,Menlo,monospace;outline:none;width:110px}input[type=text]:focus{border-color:#ff5000}.btn{border:0;height:26px;padding:0 12px;background:#ff5000;color:#fff;font-size:13px;cursor:pointer}.btn.ghost{background:#fff;color:#ff5000;border:1px solid #ff5000}.btn.ghost:hover{background:#fff5f0}.info{margin-top:10px;display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#6b7280}.info b{color:#111827;font-family:Consolas,Menlo,monospace;font-weight:normal}/* 色阶条：每档等宽，数值直接压在色块上，靠亮度自动切黑/白字保证可读 */.strip{display:flex;border:1px solid #e5e7eb;overflow:hidden}.sw{flex:1;min-width:0;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-family:Consolas,Menlo,monospace;font-size:10px;line-height:1.2;user-select:none;overflow:hidden}.sw:hover{outline:2px solid #111827;outline-offset:-2px}.sw span:first-child{font-weight:bold}.codebox{margin-top:2px;padding:10px;background:#fff;border:1px solid #e5e7eb;font:12px/1.8 Consolas,Menlo,monospace;white-space:pre-wrap;word-break:break-all;color:#111827;max-height:180px;overflow:auto}