:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#172c46;background:#edf3f8;font-synthesis:none;--muted:#65788d;--line:#d5dfe8;--accent:#2868e8;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #2868e8;outline-offset:3px}button{transition:background .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);background:#edf3f8}.brand{display:flex;align-items:center;gap:10px}.brand strong{font-size:20px;letter-spacing:-.6px;font-weight:650}.brand>span{border-left:1px solid #ccd4c9;padding-left:14px;margin-left:6px;color:#7d897d;font-size:12px}.quiet-link{font-size:12px;color:#697967}.quiet-link span{margin-left:9px}.eyebrow{font:10px var(--mono);letter-spacing:1.6px;color:#7d8a76;margin:0 0 16px}.muted{color:var(--muted);font-size:13px;line-height:1.8;margin:0}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{font-weight:600;letter-spacing:-.7px}h2{font-size:24px;margin:0 0 10px}.login-layout{max-width:1020px;min-height:calc(100dvh - 78px);padding:80px 36px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px;margin:auto}.login-intro h1{font-size:clamp(34px,4vw,47px);line-height:1.45;margin:26px 0 22px;letter-spacing:-1.6px}.intro-copy{font-size:14px;line-height:2;color:#7a8578;margin:0}.intro-rule{width:40px;height:1px;background:#9dae96;margin:32px 0 25px}.intro-foot{display:flex;align-items:center;gap:12px;font-size:11px;color:#8b9586}.small-mark{width:26px;height:26px;display:grid;place-items:center;border:1px solid #cad5c3;font:12px var(--mono);border-radius:6px;color:#65845b}.login-panel{padding:34px;background:#fff;border:1px solid #d5dfe8;border-radius:12px;box-shadow:0 12px 38px #394b3510}.login-panel>.eyebrow{margin-bottom:23px}.login-panel form{margin-top:27px}label{display:block;font-size:12px;font-weight:550;color:#51624c;margin:0 0 8px}input,select{background:#f7f9fc;border:1px solid #cbd9e8;border-radius:6px;color:#172c46;height:44px;padding:0 12px;min-width:0}input{width:100%}input::placeholder{color:#a3aca0;font-size:12px}#username{margin-bottom:20px}.code-row{display:grid;grid-template-columns:1fr auto;gap:9px}.code-row input{font-family:var(--mono);letter-spacing:1px}.code-row input::placeholder{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:0}.secondary{border:1px solid #d2dccb;background:#fff;color:#52677f;border-radius:6px;padding:0 14px;min-height:40px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.secondary:hover:not(:disabled){background:#edf2e9}.primary{border:0;border-radius:6px;display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:#fff;width:100%;padding:14px 16px;font-size:13px}.primary:hover{background:#1b54c7}.form-hint{font-size:10px;color:#899581;line-height:1.7;margin:11px 0 22px}.login-note{font-size:10px;color:#9ba493;text-align:center;margin:19px 0 0}.error{font-size:12px;line-height:1.8;color:#a34a36;background:#fbf0ed;border:1px solid #efdcd4;border-radius:6px;padding:11px 13px;margin:0 0 16px}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100dvh - 78px)}.sidebar{padding:34px 22px 22px;background:#f2f6fa;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:0}.sidebar>.eyebrow{padding-left:12px;margin-bottom:15px}.nav-item{width:100%;border:0;color:#65788d;background:transparent;border-radius:6px;display:flex;align-items:center;gap:11px;padding:12px;font-size:13px;text-align:left;margin-bottom:5px}.nav-item.active{background:#dfeafa;color:#2868e8;font-weight:600}.nav-item:hover{background:#e8f0fb}.sidebar-bottom{margin-top:auto;padding:35px 9px 0}.account{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#dce5d5;color:#59724d;font-size:12px}.account strong{display:block;font-weight:550;font-size:12px}.account div>span{display:block;font-size:10px;color:#929c8b;margin-top:4px}.text-button{border:0;border-bottom:1px solid #c4cebe;padding:2px 0;color:#829077;font-size:10px;background:none;margin-top:17px}.content{max-width:1440px;padding:42px 44px 22px;width:100%;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading .eyebrow{margin-bottom:11px}.page-heading h1{font-size:29px;line-height:1.35;margin:0 0 9px}.compact{min-height:34px;padding:0 12px;font-size:11px}.summary{display:flex;align-items:center;gap:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin-bottom:25px}.summary>div{display:flex;align-items:baseline;gap:13px}.summary>div>span{font-size:11px;color:#86927f}.summary strong{font:22px var(--mono);font-weight:450;letter-spacing:-.8px}.time-note{margin-left:auto;color:#a1aa99;font-size:10px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:15px}.filter-label{display:flex;align-items:center;gap:11px;margin:0;color:#8a9782;font-size:11px}.filter-label select{min-width:190px;height:35px;font-size:11px}.list-note{color:#8e9a87;font:10px var(--mono)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;font-size:10px;font-weight:500;color:#829077;background:#f2f6fa;padding:13px 16px;border-bottom:1px solid var(--line)}td{padding:17px 16px;border-bottom:1px solid #eef1e9}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7f9fc}.cell-title{display:block;font-size:12px;font-weight:550;color:#172c46}.cell-sub{display:block;font:10px var(--mono);color:#929e89;margin-top:6px}.mono{font:11px var(--mono)}.id-button{font:11px var(--mono);color:#52677f;background:none;border:0;padding:0;cursor:pointer}.status{display:inline-block;font-size:10px;border-radius:4px;padding:5px 7px;background:#edf3f8;color:#939d89}.status.received{background:#e4eef9;color:#366aa7}.row-action{background:none;border:0;color:#2868e8;font-size:11px;padding:5px 0}.empty{border:1px dashed #cbd9e8;border-radius:8px;text-align:center;padding:75px 20px;background:#f7f9fc}.empty svg{width:30px;height:30px;color:#a9b99d;margin-bottom:14px}.empty h3{font-size:15px;font-weight:500;letter-spacing:0;margin:0 0 10px;color:#687f5a}.empty p{font-size:11px;color:#9aa68f;margin:0;line-height:1.8}.loading{display:grid;gap:12px;padding:16px 0}.loading i{height:44px;border-radius:5px;background:linear-gradient(90deg,#dfeafa,#f2f6fa,#dfeafa);background-size:200% 100%;animation:loading 1.5s ease infinite}.loading i:nth-child(2){opacity:.75}.loading i:nth-child(3){opacity:.5}@keyframes loading{to{background-position:-200% 0}}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding-top:18px}.pagination>span{font:10px var(--mono);color:#9aa68f}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:#a0aa98;font:10px var(--mono)}.task-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(620px,100%);height:100dvh;max-height:100dvh;max-width:100%;border:0;border-left:1px solid #d5dfe8;padding:28px 30px;background:#f7f9fc;color:#172c46;box-shadow:-10px 0 60px #1b2d1d12}.task-dialog::backdrop{background:#263a2b38;backdrop-filter:blur(2px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:24px}.dialog-heading .eyebrow{font-size:9px;margin-bottom:9px}.dialog-heading h2{font-size:22px;margin:0}.icon-button{border:1px solid #d5dfe8;background:#f5f8f0;border-radius:6px;width:31px;height:31px;font-size:22px;font-weight:300;color:#7f9273}.detail-title{font-size:12px;font-weight:550;margin:27px 0 12px;letter-spacing:0}.detail-meta{display:grid;grid-template-columns:90px minmax(0,1fr);gap:13px 15px;font-size:11px;margin:0}.detail-meta dt{color:#929f85}.detail-meta dd{margin:0;overflow-wrap:anywhere;line-height:1.6}.detail-meta .mono{font-size:10px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.9 var(--mono);background:#edf3f8;border:1px solid #e0e8d8;padding:15px;border-radius:6px;margin:0;color:#607452}.file-list{list-style:none;margin:0;padding:0}.file-list li{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e4ebdd;padding:14px 0}.file-list strong{display:block;font-size:11px;font-weight:500;overflow-wrap:anywhere}.file-list small{display:block;color:#98a48d;font:9px/1.7 var(--mono);margin-top:6px}.file-list a{font-size:10px;color:#678752;flex-shrink:0}.detail-placeholder{font-size:11px;color:#98a48d;border:1px dashed #d6e1cc;padding:18px;border-radius:5px}.copy-button{background:none;border:0;border-bottom:1px solid #c2d1b7;color:#79946a;font-size:10px;padding:0 0 2px;margin-left:10px}.phone-id{white-space:normal;overflow-wrap:anywhere;max-width:280px;line-height:1.8}@media(min-width:1500px){.content{padding-left:60px;padding-right:60px}}@media(max-width:980px){.workspace{grid-template-columns:165px minmax(0,1fr)}.content{padding:32px 25px 20px}.sidebar{padding-left:15px;padding-right:15px}.summary{gap:23px}.summary>div{gap:8px}.time-note{display:none}.login-layout{gap:55px}}@media(max-width:680px){.topbar{height:68px;padding:0 20px}.brand strong{font-size:18px}.brand>span{font-size:11px;padding-left:10px;margin-left:0}.quiet-link{font-size:10px}.login-layout{display:block;padding:34px 23px;min-height:calc(100dvh - 68px)}.login-intro h1{font-size:31px;margin:18px 0 12px}.intro-copy{font-size:12px}.intro-rule,.intro-foot{display:none}.login-panel{margin-top:30px;padding:25px}.login-panel h2{font-size:22px}.workspace{display:block;min-height:calc(100dvh - 68px)}.sidebar{padding:13px 20px;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;align-items:center;gap:15px}.sidebar>.eyebrow{display:none}.sidebar nav{display:flex;gap:7px}.nav-item{width:auto;margin:0;padding:9px 13px;font-size:12px;gap:7px}.nav-item svg{width:16px;height:16px}.sidebar-bottom{display:flex;gap:14px;align-items:center;padding:0;margin-left:auto}.avatar,.account div>span{display:none}.account strong{font-size:11px}.text-button{margin:0;white-space:nowrap}.content{padding:27px 20px 20px}.page-heading{align-items:flex-start;margin-bottom:24px}.page-heading h1{font-size:26px}.page-heading .muted{font-size:11px;max-width:220px}.summary{padding:18px 0;justify-content:space-between;gap:10px}.summary>div{display:block}.summary>div>span{display:block;font-size:10px;margin-bottom:9px}.summary strong{font-size:22px}.filter-label select{min-width:150px;max-width:190px}th{padding:12px}td{padding:15px 12px}.empty{padding:55px 15px}.task-dialog{padding:25px 22px}.detail-meta{grid-template-columns:75px minmax(0,1fr);gap:12px 10px}footer{font-size:9px;margin-top:30px}.code-row{gap:7px}.code-row .secondary{padding:0 10px;font-size:11px}.intro-copy br{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* iArm 官网视觉规范 */
.brand {color:#172c46;letter-spacing:-.6px}.brand img {border-radius:9px;width:31px;height:31px}.brand span,.brand>span {color:#65788d}.primary{background:#2868e8;border-radius:9px}.primary:hover{background:#1b54c7}.panel,.login-panel{border-color:#d5dfe8;border-radius:18px;box-shadow:0 12px 36px #173b6010}.secondary:hover:not(:disabled),.api-link:hover{background:#dfeafa}.eyebrow,.step-number{color:#647e98}.row-action,.file-list a,.copy-button{color:#2868e8}.task-dialog{background:#f7f9fc}.nav-item.active{color:#1b54c7}.service{color:#65788d}

.header-links{display:flex;align-items:center;gap:24px;color:#52677f;font-size:13px}.header-links a:hover{color:#2868e8}@media(max-width:680px){.header-links{gap:14px;font-size:11px}}
