.layout-lab{width:100%;display:grid;gap:20px;font-family:"Source Han Sans CN","思源黑体 CN","Microsoft YaHei",sans-serif}.layout-playground{padding:20px;display:grid;gap:16px;border:1px solid #e8e8e8;border-radius:8px;background:#fff}.layout-head{display:grid;gap:2px}.layout-head h3{margin:0;font-size:14px}.layout-head span{color:#999;font-size:11px}.layout-control{width:min(100%,420px);display:grid;gap:8px}.layout-control label{color:#666;font-size:12px}.layout-live,.layout-stage{min-height:520px;padding:28px 20px;display:grid;place-items:center;overflow:auto;background:#f7f7f7}.layout-live{border:1px dashed #d9d9d9;border-radius:6px}.layout-gallery{display:grid;grid-template-columns:1fr;gap:16px}.layout-variant{min-width:0;overflow:hidden;border:1px solid #e8e8e8;border-radius:8px;background:#fff}.layout-variant>header{height:44px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e8e8;font-size:12px}.layout-variant>header span{color:#999}
.layout-functions{box-sizing:border-box;width:816px;min-height:738px;padding:16px;border-radius:6px;background:#fff;box-shadow:0 4px 10px #00000014}.layout-functions>header{height:24px;display:flex;justify-content:space-between}.layout-functions>header strong{font-size:16px;font-weight:400}.layout-functions>header strong span{color:#666}.layout-functions>header button{height:24px;padding:0 8px;border:1px solid #2990ff;border-radius:4px;color:#2990ff;background:#fff;font-size:12px}.layout-functions-grid{margin-top:16px;display:grid;grid-template-columns:repeat(6,124px);gap:8px}.layout-functions-grid section{min-width:0}.layout-functions-grid h4{box-sizing:border-box;height:30px;margin:0 0 2px;padding:4px 8px;display:flex;align-items:center;gap:8px;border-radius:4px;color:#333;background:#f2f8ff;font-size:14px;font-weight:400}.layout-functions-grid h4 img{flex:0 0 auto}.layout-functions-grid section>div{box-sizing:border-box;height:34px;padding:6px 32px;color:#666;font-size:14px;line-height:22px;white-space:nowrap}.layout-functions-grid section>div.hover{border-radius:4px;background:#f7f8fa}.layout-functions-grid section>div.selected{border-radius:4px;color:#2990ff;background:#eaf4ff}.layout-functions-grid section>div.dragging{border:1px solid #d9d9d9;border-radius:4px;background:#fff;box-shadow:0 4px 10px #00000014}
.layout-form{box-sizing:border-box;width:560px;padding:16px;display:grid;gap:16px;background:#fff}.layout-form h3{margin:0;padding-left:12px;border-left:4px solid #2990ff;font-size:16px}.layout-form>p{height:38px;margin:0;padding:8px 12px;box-sizing:border-box;color:#666;background:#edf0f4;font-size:14px}.layout-form-grid{display:grid;grid-template-columns:256px 256px;gap:16px}.layout-field{display:grid;gap:4px}.layout-field.wide{grid-column:1/3}.layout-field>span{color:#333;font-size:14px;line-height:22px}.layout-field>span b{color:#e44144}.layout-field>div{box-sizing:border-box;height:32px;padding:5px 12px;display:flex;align-items:center;gap:8px;border:1px solid #d9d9d9;border-radius:4px;color:#999;background:#fff;font-size:14px}.layout-field>div em{flex:1;font-style:normal}.layout-field>div.textarea{height:86px;align-items:flex-start}.layout-field>div.action{justify-content:center;border-style:dashed;border-color:#2990ff;color:#2990ff}.layout-field>div.upload{height:154px;justify-content:center;border-style:dashed}.layout-mini-table{display:grid;border:1px solid #d9d9d9}.layout-mini-table header,.layout-mini-table>div{display:grid;grid-template-columns:1fr 1fr 80px 60px}.layout-mini-table span,.layout-mini-table button{min-height:38px;padding:8px 12px;border:0;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;color:#999;background:#fff}.layout-mini-table header span{color:#333;background:#edf0f4}.layout-mini-table>button{color:#2990ff;border:1px dashed #2990ff}
.layout-columns{box-sizing:border-box;width:100%;max-width:1000px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#edf0f4}.layout-columns>section{min-height:420px;background:#fff}.layout-columns header{height:48px;padding:13px 16px;box-sizing:border-box;border-bottom:1px solid #e8e8e8;font-size:16px}.layout-columns section>div{padding:16px;display:grid;gap:16px}.layout-split{position:relative;width:100%;max-width:1000px;height:500px;display:grid;gap:0;background:#edf0f4}.layout-split.vertical{grid-template-columns:1fr 1px 1fr}.layout-split.horizontal{grid-template-rows:1fr 1px 1fr}.layout-split section{background:#fff}.layout-split section header{height:48px;padding:13px 16px;box-sizing:border-box;border-bottom:1px solid #e8e8e8}.layout-split section div{padding:16px;color:#999}.layout-split>i{position:relative;display:grid;place-items:center;background:#d9d9d9}.layout-split>i img{position:absolute;padding:3px;border-radius:4px;background:#fff;box-shadow:0 4px 10px #00000014}
.layout-code{min-height:46px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;color:#d9e1ec;background:#111722}.layout-code code{overflow:hidden;font:11px/18px ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.layout-code button{height:26px;padding:0 10px;border:1px solid #4b5565;border-radius:4px;color:#d9e1ec;background:#202838;font-size:11px}body.theme-dark .layout-playground,body.theme-dark .layout-variant{border-color:#343c48;background:#1d232d}body.theme-dark .layout-live,body.theme-dark .layout-stage{background:#171c24}body.theme-dark .layout-control .modern-select-trigger{color:#e4e7ec;border-color:#46505e;background:#252c37}body.theme-dark .layout-control .modern-select-menu{border-color:#343c48;background:#252c37}@media(max-width:900px){.layout-functions{transform:scale(.75);transform-origin:center}.layout-form{max-width:100%}.layout-columns{grid-template-columns:1fr}.layout-form-grid{grid-template-columns:1fr}.layout-field.wide{grid-column:1}.layout-split{height:420px}}@media(max-width:600px){.layout-functions{transform:scale(.46)}.layout-live,.layout-stage{padding:16px 8px}}
.lan-workstation{box-sizing:border-box;width:1436px;height:800px;display:grid;grid-template-columns:146px 1290px;overflow:hidden;color:#333;background:#3d4b59}.lan-shell-nav{padding:16px 8px;display:grid;grid-auto-rows:38px;align-content:start;gap:8px;color:#fff}.shell-avatar{width:44px;height:44px;margin:0 auto 8px;border-radius:12px;background:url('assets/cards/fox.png') center/cover}.lan-shell-nav>div:not(.shell-avatar){padding:8px;display:flex;align-items:center;gap:8px;border-radius:4px}.lan-shell-nav>div.active{background:#ffffff22}.lan-shell-nav hr{width:130px;margin:0;border:0;border-top:1px solid #ffffff33}.lan-shell-main{min-width:0}.lan-shell-top{box-sizing:border-box;height:38px;padding:8px 16px;display:flex;align-items:center;gap:8px;color:#fff}.lan-shell-top nav{margin-left:auto;display:flex;align-items:center;gap:8px}.lan-shell-top nav i{width:1px;height:16px;background:#ffffff55}.lan-shell-main>main{box-sizing:border-box;height:762px;padding:16px;border-radius:4px 0 0;background:#fff}.shell-toolbar{margin-bottom:16px;display:flex;gap:16px}.shell-search{box-sizing:border-box;width:592px;height:38px;padding:8px 12px;display:flex;align-items:center;gap:8px;border:1px solid #d9d9d9;border-radius:4px;color:#999}.shell-filter{width:38px;height:38px;border:1px solid #d9d9d9;border-radius:4px;background:#fff}.shell-table{border:1px solid #e8e8e8;border-radius:6px;overflow:hidden}.shell-table>header,.shell-table>div{display:grid;grid-template-columns:84px 1fr 1fr;align-items:center}.shell-table>header{height:38px;background:#edf0f4}.shell-table>div{height:46px;border-top:1px solid #e8e8e8}.shell-table>*>*{padding:0 12px}.shell-table i{width:16px;height:16px;border:1px solid #d9d9d9;border-radius:4px}.shell-pagination{height:64px;display:flex;align-items:center;justify-content:flex-end;gap:16px}.shell-pagination button,.shell-pagination select,.shell-pagination input{box-sizing:border-box;height:32px;min-width:32px;border:1px solid #d9d9d9;border-radius:4px;background:#fff}.shell-pagination button.selected{color:#fff;border-color:#2990ff;background:#2990ff}.shell-pagination input{width:64px}.task-layout{height:100%;display:grid;grid-template-columns:224px 1fr;gap:16px}.task-layout>aside{padding:8px;background:#fff}.task-layout aside>div{height:38px;padding:8px;display:flex;align-items:center;gap:8px}.task-layout aside>div.selected{color:#2990ff;border-radius:4px;background:#dfeeff}.task-layout aside b{margin-left:auto}.task-layout>section{padding:16px;background:#edf0f4}.task-layout article{margin-top:16px;padding:12px;border-radius:6px;background:#fff}.approval-center>nav{height:48px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #e8e8e8}.approval-center>nav>*{padding:12px 16px}.approval-center>nav strong{color:#2990ff;border-bottom:2px solid #2990ff}.approval-body{display:grid;grid-template-columns:224px 1fr}.approval-body>aside{padding:16px}.approval-body>aside>div{height:38px;padding:8px 16px}.approval-body>aside .active{color:#2990ff;background:#dfeeff}.approval-body>section{padding:16px;background:#edf0f4}.approval-body article{width:520px;margin-top:16px;padding:12px;border:2px solid #2990ff;border-radius:8px;background:#fff}.approval-user{display:flex;align-items:center;gap:8px}.approval-user i,.detail-applicant b{width:44px;height:44px;border-radius:50%;background:url('assets/cards/fox.png') center/cover}.approval-body article span{color:#999}.layout-detail-page{position:relative;box-sizing:border-box;width:1000px;min-height:740px;padding:16px;background:#fff}.layout-detail-page>header{display:flex;align-items:center;gap:12px}.layout-detail-page>header i{padding:2px 8px;border:1px solid #f0aa32;border-radius:4px;color:#f0aa32;font-style:normal}.detail-applicant{margin-top:8px;display:flex;align-items:center;gap:8px}.detail-applicant span{color:#666}.layout-detail-page>section{margin-top:16px}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-info p{display:grid}.detail-info span{color:#999}.detail-info a{color:#2990ff}.detail-tabs{position:absolute;right:12px;top:16px;color:#666}.detail-tabs nav{margin-top:12px;padding:4px;display:flex;gap:4px;border:1px solid #d9d9d9;border-radius:8px;box-shadow:0 4px 10px #00000014}.detail-tabs nav>*{padding:4px 8px}.detail-tabs nav b{color:#2990ff;background:#f2f8ff}.layout-bottom-actions{box-sizing:border-box;width:1000px;height:52px;padding:10px 16px;display:flex;align-items:center;gap:16px;border-top:1px solid #e8e8e8;background:#fff}.layout-bottom-actions button{height:32px;padding:0 16px;border:1px solid #2990ff;border-radius:6px;color:#2990ff;background:#fff}.layout-bottom-actions button:nth-child(2){color:#e44144;border-color:#e44144}.layout-bottom-actions span{display:flex;align-items:center;gap:5px;color:#666}.layout-stage:has(.lan-workstation),.layout-live:has(.lan-workstation){place-items:start;overflow:auto}.layout-stage .lan-workstation{transform:scale(.72);transform-origin:top left}.layout-stage:has(.lan-workstation){min-height:600px}.layout-stage:has(.layout-bottom-actions){min-height:160px}
.layout-stage>.lan-shell-nav,.layout-live>.lan-shell-nav{box-sizing:border-box;width:146px;height:700px;background:#3d4b59}.layout-stage>.lan-shell-top,.layout-live>.lan-shell-top{width:min(100%,1000px);background:#3d4b59}.layout-stage>.shell-toolbar,.layout-live>.shell-toolbar{width:min(100%,1000px)}.layout-stage>.shell-table,.layout-live>.shell-table{width:min(100%,1000px)}.layout-stage>.shell-pagination,.layout-live>.shell-pagination{width:min(100%,1000px);background:#fff}.layout-task-overview{box-sizing:border-box;width:1000px;min-height:540px;padding:16px;display:grid;grid-template-columns:224px 1fr;gap:16px;background:#edf0f4}.layout-task-overview>aside{padding:8px;background:#fff}.layout-task-overview aside>div{height:38px;padding:8px;display:flex;align-items:center;gap:8px}.layout-task-overview aside .active{color:#2990ff;background:#dfeeff}.layout-task-overview aside b{margin-left:auto}.layout-task-overview>section{display:grid;grid-template-columns:1fr 1fr;gap:16px}.layout-task-overview>section>h3{grid-column:1/3}.layout-task-overview article{padding:12px;border-radius:6px;background:#fff}.layout-dimension{box-sizing:border-box;width:1000px;padding:16px;background:#fff}.layout-dimension>p{margin:0 0 16px;color:#999}.layout-dimension h3{padding-left:12px;border-left:4px solid #2990ff}.layout-dimension>div{display:flex;gap:24px}.layout-dimension label{display:flex;align-items:center;gap:8px;color:#666}.layout-dimension label i{width:20px;height:20px;border:2px solid #d9d9d9;border-radius:50%}.layout-dimension label:first-child i{box-shadow:inset 0 0 0 5px #fff;background:#2990ff;border-color:#2990ff}.layout-dimension section{height:64px;margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:#edf0f4}.layout-dimension section span{padding:0 16px}.layout-primary-footer{box-sizing:border-box;width:1000px;height:52px;padding:10px 16px;display:flex;gap:16px;border-top:1px solid #e8e8e8;background:#fff}.layout-primary-footer button{height:32px;padding:0 16px;border:1px solid #d9d9d9;border-radius:6px;background:#fff}.layout-primary-footer button:first-child{color:#fff;border-color:#2990ff;background:#2990ff}.layout-detail-tabs{width:520px;color:#666}.layout-detail-tabs>img{margin-left:8px;vertical-align:middle}.layout-detail-tabs nav{margin-top:12px;padding:4px;display:flex;gap:4px;border:1px solid #d9d9d9;border-radius:8px;box-shadow:0 4px 10px #00000014}.layout-detail-tabs nav>*{padding:4px 8px}.layout-detail-tabs nav b{color:#2990ff;background:#f2f8ff}.layout-stage:has(.layout-task-overview),.layout-stage:has(.layout-dimension){place-items:start;overflow:auto}.layout-stage:has(.layout-primary-footer),.layout-stage:has(.layout-detail-tabs){min-height:160px}
.lan-blank-frame{box-sizing:border-box;width:1440px;height:900px;padding:38px 4px 4px 146px;background:#3d4b59}.lan-blank-frame>div{height:858px;border-radius:4px;background:#fff}.lan-blank-frame.with-nav{padding:0;display:grid;grid-template-columns:146px 1294px}.lan-blank-frame.with-nav>div{border-radius:0}.lan-blank-frame.with-nav main{height:862px;margin-left:0;border-radius:4px 0 0;background:#fff}.shell-with-subnav{padding:0!important;display:grid;grid-template-columns:224px 1fr}.shell-with-subnav>aside{padding:8px;border-right:1px solid #e8e8e8}.shell-with-subnav aside>div{height:38px;padding:8px;display:flex;align-items:center;gap:8px}.shell-with-subnav aside>div.active{color:#2990ff;background:#dfeeff}.shell-with-subnav aside b{margin-left:auto}.shell-with-subnav>section{padding:16px}.layout-info-form{box-sizing:border-box;width:572px;padding:16px;display:grid;gap:16px;background:#fff}.layout-info-form h3{margin:0;padding-left:12px;border-left:4px solid #2990ff}.layout-info-form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.layout-info-form label{display:grid;gap:2px}.layout-info-form label span{color:#999;font-size:12px}.layout-info-form label strong{font-size:14px;font-weight:400}.layout-info-form .person{display:flex;align-items:center;gap:4px}.layout-info-form .person i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#2990ff;font-style:normal}.info-timeline{display:grid}.info-timeline>div{position:relative;min-height:64px;display:grid;grid-template-columns:16px 1fr;gap:8px}.info-timeline>div:not(:last-child):before{content:"";position:absolute;left:8px;top:16px;bottom:0;width:1px;background:#d9d9d9}.info-timeline b{width:12px;height:12px;border:2px solid #2990ff;border-radius:50%}.info-timeline small,.info-timeline em{display:block;color:#999;font-size:12px;font-style:normal}.info-timeline em{margin-top:8px;padding:8px;background:#f7f8fa}.layout-split.fixed{grid-template-columns:200px 1px 1fr}.layout-stage:has(.lan-blank-frame),.layout-live:has(.lan-blank-frame){place-items:start;overflow:auto}.layout-stage .lan-blank-frame{transform:scale(.72);transform-origin:top left}.layout-stage:has(.lan-blank-frame){min-height:680px}

/* Figma 3099:6073 - 页面组件按设计稿原始尺寸展示。 */
.lan-workstation{width:1440px;height:900px;grid-template-columns:146px 1294px}
.lan-shell-nav{box-sizing:border-box;position:relative;height:900px;padding:16px 8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#fff;font-size:14px}
.lan-shell-nav>.shell-avatar{position:relative;box-sizing:border-box;width:44px;height:44px;margin:0 0 8px 8px;flex:0 0 44px;overflow:hidden;border-radius:50%;background:none}
.lan-shell-nav>.shell-avatar img{width:100%;height:100%;display:block}
.lan-shell-nav>.shell-avatar em{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-style:normal}
.lan-shell-nav>div:not(.shell-avatar){box-sizing:border-box;width:130px;height:30px;min-height:30px;padding:4px 8px;display:flex;align-items:center;gap:4px;border-radius:4px}
.lan-shell-nav>div:not(.shell-avatar)>img{width:16px;height:16px;flex:0 0 16px;filter:brightness(0) invert(1);opacity:.72}
.lan-shell-nav>div.active>img{opacity:1}
.lan-shell-nav hr{width:130px;margin:4px 0;flex:0 0 1px}
.lan-shell-top{height:38px;padding:8px 16px;gap:8px;font-size:14px;line-height:22px}
.lan-shell-top>img{filter:brightness(0) invert(1);opacity:.8}
.lan-shell-main>main{height:862px}
.lan-blank-frame.with-nav>div{background:#3d4b59}
.lan-blank-frame.with-nav main{height:862px}
.layout-stage .lan-blank-frame,.layout-live .lan-blank-frame,.layout-stage .lan-workstation,.layout-live .lan-workstation{transform:none}
.layout-stage:has(.lan-blank-frame),.layout-live:has(.lan-blank-frame),.layout-stage:has(.lan-workstation),.layout-live:has(.lan-workstation){min-height:940px;place-items:start;overflow:auto}

/* Figma 3535:12051 - Frame 120 标准表格页 */
.frame120-page{position:relative;box-sizing:border-box;width:1440px;height:900px;overflow:hidden;color:#333;background:#3d4b59;font-family:"Source Han Sans CN","思源黑体 CN","Microsoft YaHei",sans-serif;font-size:14px;line-height:22px}
.frame120-nav{position:absolute;inset:0 auto 0 0;box-sizing:border-box;width:146px;height:900px;color:#fff;background:#3d4b59}
.frame120-nav-avatar{position:absolute;left:8px;top:16px;width:28px;height:28px;display:block;border-radius:50%;object-fit:cover}
.frame120-nav-main{position:absolute;left:8px;top:56px;width:130px;display:flex;flex-direction:column;gap:4px}
.frame120-nav-main>div,.frame120-primary-item{box-sizing:border-box;width:130px;height:30px;padding:4px 8px;display:flex;align-items:center;gap:8px;border:0;border-radius:4px;color:rgba(255,255,255,.9);background:transparent;font:14px/22px inherit;text-align:left;white-space:nowrap;cursor:pointer}
.frame120-nav-main img{width:16px;height:16px;flex:0 0 16px;filter:brightness(0) invert(1);opacity:.8}
.frame120-nav>hr{position:absolute;left:8px;top:196px;width:130px;height:1px;margin:0;border:0;background:rgba(255,255,255,.16)}
.frame120-nav-secondary{position:absolute;left:8px;top:205px;width:130px;display:flex;flex-direction:column;gap:4px}
.frame120-secondary-item{position:relative;box-sizing:border-box;width:130px;height:30px;padding:4px 8px;display:flex;align-items:center;gap:8px;overflow:hidden;border:0;border-radius:4px;color:rgba(255,255,255,.9);background:transparent;font:14px/22px inherit;text-align:left;white-space:nowrap;cursor:pointer}.frame120-secondary-item:hover,.frame120-secondary-item:active,.frame120-secondary-item.active{color:#fff;background:transparent}
.frame120-nav>footer{position:absolute;left:0;bottom:0;box-sizing:border-box;width:146px;height:50px;padding:12px 16px 16px;display:flex;align-items:center;gap:8px;background:#3d4b59}
.frame120-nav>footer img{width:22px;height:22px;display:block;object-fit:contain}
.frame120-top{position:absolute;left:154px;top:8px;height:22px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.9);white-space:nowrap}
.frame120-top>img,.frame120-top-module>img{width:16px;height:16px;filter:brightness(0) invert(1);opacity:.9}
.frame120-top-module{height:22px;display:flex;align-items:center;gap:8px;color:#fff}.frame120-top-module strong{font-weight:700}
.frame120-sidebar-item-asset{position:absolute;inset:0;width:130px;height:30px;display:block;object-fit:contain;filter:none;opacity:1;pointer-events:none}
.frame120-top>span{color:rgba(255,255,255,.6)}
.frame120-top>b{width:8px;height:8px;display:grid;place-items:center;margin-left:-4px;color:rgba(255,255,255,.7);font-size:16px;font-weight:400;line-height:8px}
.frame120-top>strong{margin-left:-4px;font-weight:400;color:rgba(255,255,255,.9)}
.frame120-page>main{position:absolute;left:146px;top:38px;box-sizing:border-box;width:1290px;height:858px;overflow:hidden;border-radius:8px 8px 0 0;background:#fff}
.frame120-toolbar{position:absolute;left:16px;right:16px;top:16px;height:32px;display:flex;align-items:center;gap:16px}
.frame120-search{box-sizing:border-box;width:288px;height:32px;padding:5px 12px;display:flex;align-items:center;gap:8px;border:1px solid #d9d9d9;border-radius:4px;color:#999;background:#fff}
.frame120-search img{width:16px;height:16px}
.frame120-filter{box-sizing:border-box;width:32px;height:32px;padding:8px;display:grid;place-items:center;border:1px solid #d9d9d9;border-radius:4px;background:#fff}
.frame120-filter img{width:16px;height:16px}
.frame120-toolbar-actions{position:absolute;right:0;top:0;display:flex;gap:16px}
.frame120-toolbar-actions button{box-sizing:border-box;width:88px;height:32px;padding:5px 16px;border:1px solid #d9d9d9;border-radius:6px;color:#333;background:#fff;font-family:inherit;font-size:14px;font-weight:400;line-height:22px;white-space:nowrap}
.frame120-toolbar-actions button.primary{color:#fff;border-color:#2990ff;background:#2990ff}
.frame120-table{position:absolute;left:16px;top:64px;box-sizing:border-box;width:1258px;height:226px;display:grid;grid-template-columns:40px 212px 162px 94px 272px 164px 86px 136px 84px;grid-template-rows:38px repeat(4,46px);gap:1px;overflow:hidden;border-radius:8px 8px 6px 6px;background:rgba(0,0,0,.08);box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.frame120-cell{box-sizing:border-box;min-width:0;padding:12px;display:flex;align-items:center;color:#666;background:#fff;white-space:nowrap}
.frame120-cell.head{height:38px;padding-top:8px;padding-bottom:8px;color:#333;background:#edf0f4}
.frame120-cell.check{justify-content:center;padding:11px 12px}
.frame120-check{box-sizing:border-box;width:16px;height:16px;display:grid;place-items:center;border:1px solid #d9d9d9;border-radius:4px;color:#fff;background:#fff;font-size:11px;font-style:normal;line-height:14px}
.frame120-check.checked{border-color:#2990ff;background:#2990ff}
.frame120-cell.with-icon{gap:4px}
.frame120-cell.with-icon span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.frame120-cell.with-icon img{width:12px;height:12px;flex:0 0 12px}
.frame120-cell.amount{justify-content:flex-start}
.frame120-cell.attachment{padding:10px 12px}
.layout-attachment-file{box-sizing:border-box;width:248px;height:26px;padding:3px 4px;display:flex;align-items:center;gap:4px;overflow:hidden;border:1px dashed #d9d9d9;border-radius:4px;color:#666;background:#f7f8fa;font-size:12px;line-height:18px}
.layout-attachment-file>img{width:12px;height:12px;flex:0 0 12px;filter:none}
.layout-attachment-file em{min-width:0;flex:1;overflow:hidden;color:#666;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.layout-attachment-file b{height:18px;margin-left:auto;padding:0 4px;display:inline-flex;align-items:center;flex:0 0 auto;border-radius:2px;color:#333;background:rgba(0,0,0,.04);font-size:12px;font-weight:400}
.frame120-cell.clock{gap:4px;color:#2990ff}
.frame120-cell.clock img{width:12px;height:12px;flex:0 0 12px;filter:brightness(0) saturate(100%) invert(51%) sepia(97%) saturate(2435%) hue-rotate(190deg) brightness(101%) contrast(101%)}
.frame120-cell.clock a{min-width:0;overflow:hidden;color:#2990ff;text-overflow:ellipsis}
.frame120-cell.contact{gap:4px}
.frame120-cell.contact>img{width:22px;height:22px;flex:0 0 22px;border-radius:50%;object-fit:cover}
.frame120-cell.input{padding:4px}
.frame120-cell.input>span{box-sizing:border-box;width:100%;height:38px;padding:8px;display:flex;align-items:center;border-radius:4px;color:#999}
.frame120-cell.input.default>span{background:#f7f8fa}
.frame120-cell.input.hover>span{background:rgba(0,0,0,.04)}
.frame120-cell.input.active>span{background:#f2f8ff}
.frame120-cell.actions{gap:8px}
.frame120-cell.actions>img{width:16px;height:16px;flex:0 0 16px}
.frame120-cell.actions>i{width:1px;height:16px;background:#e8e8e8}
.frame120-cell.operation{gap:10px;padding-right:10px}
.frame120-cell.operation span{flex:1}
.frame120-cell.operation img{width:16px;height:16px;flex:0 0 16px}
.frame120-footer{position:absolute;left:0;bottom:0;box-sizing:border-box;width:1290px;height:64px;background:#fff;box-shadow:0 -1px 0 rgba(0,0,0,.08)}
.frame120-pagination{position:absolute;right:16px;top:16px;width:612px;height:32px;display:flex;align-items:center;color:#333;white-space:nowrap}
.frame120-page-group{width:352px;height:32px;display:flex;align-items:center;gap:8px}
.frame120-page-group button,.frame120-page-group .ellipsis{box-sizing:border-box;width:32px;height:32px;display:grid;place-items:center;border:1px solid #d9d9d9;border-radius:4px;color:#333;background:#fff;font-family:inherit;font-size:14px;font-weight:400;line-height:20px}
.frame120-page-group button.selected{color:#fff;border-color:#2990ff;background:#2990ff}
.frame120-page-group .ellipsis{border-color:transparent}
.frame120-pagination select{box-sizing:border-box;width:94px;height:32px;margin-left:16px;padding:5px 28px 5px 12px;border:1px solid #d9d9d9;border-radius:4px;color:#333;background:#fff;font-family:inherit;font-size:14px;font-weight:400;line-height:20px}
.frame120-pagination .jump{width:28px;margin-left:16px}
.frame120-pagination input{box-sizing:border-box;width:76px;height:32px;margin-left:8px;border:1px solid #d9d9d9;border-radius:4px;background:#fff}
.frame120-pagination .page-word{width:14px;margin-left:8px}
.layout-stage:has(.frame120-page),.layout-live:has(.frame120-page){min-height:940px;place-items:start;overflow:auto}

/* Figma 3535:12052 - Frame 124 二级导航表格页 */
.frame124-page{position:relative;box-sizing:border-box;width:1440px;height:900px;overflow:hidden;color:#333;background:#3d4b59;font-family:"Source Han Sans CN","思源黑体 CN","Microsoft YaHei",sans-serif;font-size:14px;line-height:22px}
.frame124-page>main{position:absolute;left:146px;top:38px;width:1290px;height:858px;overflow:hidden;border-radius:8px;background:#f2f2f2}
.frame124-subnav{position:absolute;left:0;top:0;box-sizing:border-box;width:224px;height:858px;padding:8px;background:#fff;border-radius:8px 0 0 8px}
.frame124-subnav>div{box-sizing:border-box;width:208px;height:38px;padding:8px;display:flex;align-items:center;gap:8px;border-radius:4px;color:#666}
.frame124-subnav>div.selected{color:#2990ff;border-radius:6px;background:rgba(41,144,255,.16)}
.frame124-subnav>div.selected img,.workflow-subnav>div.selected img{filter:brightness(0) saturate(100%) invert(51%) sepia(97%) saturate(2435%) hue-rotate(190deg) brightness(101%) contrast(101%)}
.frame124-subnav>div.hover{background:rgba(0,0,0,.04)}
.frame124-subnav>div img{width:16px;height:16px;flex:0 0 16px}
.frame124-subnav>div span{flex:1}
.frame124-subnav>div b{font-weight:400}
.frame124-subnav>div.selected b{font-weight:700}
.frame124-subnav>hr{width:208px;height:1px;margin:0 0 8px;border:0;background:#d9d9d9}
.frame124-content{position:absolute;left:225px;top:0;width:1065px;height:858px;overflow:hidden;border-radius:0 8px 8px 0;background:#fff}
.frame124-table{position:absolute;left:16px;top:64px;box-sizing:border-box;width:1033px;height:226px;display:grid;grid-template-columns:40px 239px 162px 94px 272px 136px 84px;grid-template-rows:38px repeat(4,46px);gap:1px;overflow:hidden;border-radius:8px 8px 6px 6px;background:rgba(0,0,0,.08);box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.frame124-content>.frame120-footer{width:1065px}
.layout-stage:has(.frame124-page),.layout-live:has(.frame124-page){min-height:940px;place-items:start;overflow:auto}

/* Figma 3535:12053 / 3535:12177 - 待办与审批页面 */
.workflow-page{position:relative;box-sizing:border-box;width:1440px;height:900px;overflow:hidden;color:#333;background:#3d4b59;font-family:"Source Han Sans CN","思源黑体 CN","Microsoft YaHei",sans-serif;font-size:14px;line-height:22px}
.workflow-nav{position:absolute;left:0;top:0;width:146px;height:900px;overflow:hidden;color:rgba(255,255,255,.9);background:#3d4b59}
.workflow-user{position:absolute;left:16px;top:16px;height:28px;display:flex;align-items:center;gap:8px}
.workflow-user>img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.workflow-user>span{box-sizing:border-box;width:72px;height:28px;padding:3px 8px;display:flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:rgba(255,255,255,.5);font-size:12px}
.workflow-user>span img{width:12px;height:12px;filter:brightness(0) invert(1);opacity:.6}
.workflow-primary{position:absolute;left:8px;top:54px;width:130px;display:flex;flex-direction:column;gap:4px}
.workflow-primary>div,.workflow-secondary>div{box-sizing:border-box;width:130px;height:30px;padding:4px 8px;display:flex;align-items:center;gap:8px;border-radius:4px;white-space:nowrap}
.workflow-primary>div.active{background:rgba(255,255,255,.16);font-weight:700}
.workflow-primary img,.workflow-secondary img{width:16px;height:16px;flex:0 0 16px;filter:brightness(0) invert(1);opacity:.9}
.workflow-secondary .frame120-sidebar-item-asset{width:130px;height:30px;filter:none;opacity:1}
.workflow-nav>hr{position:absolute;left:8px;top:196px;width:130px;height:1px;margin:0;border:0;background:rgba(255,255,255,.16)}
.workflow-secondary{position:absolute;left:8px;top:205px;width:130px;display:flex;flex-direction:column;gap:4px}
.workflow-nav>footer{position:absolute;left:0;bottom:0;box-sizing:border-box;width:146px;height:50px;padding:12px 16px 16px;display:flex;align-items:center;gap:8px;background:#3d4b59}
.workflow-nav>footer img{width:22px;height:22px;display:block;object-fit:contain}
.workflow-top{position:absolute;left:146px;top:0;box-sizing:border-box;width:1294px;height:38px;padding:8px;display:flex;align-items:center;color:#fff;background:#3d4b59}
.workflow-top>strong{display:flex;align-items:center;gap:8px;font-size:14px}
.workflow-top>strong img{width:16px;height:16px;filter:brightness(0) invert(1)}
.workflow-top nav{margin-left:auto;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.9)}
.workflow-top nav img{width:16px;height:16px;filter:brightness(0) invert(1);opacity:.85}
.workflow-top nav i{width:1px;height:16px;background:rgba(255,255,255,.25)}
.workflow-page>main{position:absolute;left:146px;top:38px;width:1290px;height:858px;overflow:hidden;border-radius:8px;background:#fff}
.workflow-subnav{position:absolute;left:0;top:0;box-sizing:border-box;width:224px;height:858px;padding:16px 8px;background:#fff}
.workflow-subnav>div{box-sizing:border-box;width:208px;height:38px;padding:8px;display:flex;align-items:center;gap:8px;border-radius:4px;color:#666}
.workflow-subnav>div.selected{color:#2990ff;background:rgba(41,144,255,.16)}
.workflow-subnav>div img{width:16px;height:16px;flex:0 0 16px}
.workflow-subnav>div span{flex:1}
.workflow-subnav>div b{font-weight:400}
.workflow-subnav>hr{width:208px;height:1px;margin:0;border:0;background:#d9d9d9}
.todo-cards{position:absolute;left:225px;top:0;width:308px;height:858px;background:#edf0f4}
.todo-cards>header{box-sizing:border-box;width:308px;height:40px;padding:16px 16px 0;display:flex;align-items:center;gap:8px}
.todo-cards>header img{width:16px;height:16px}
.todo-card-list{position:absolute;left:0;top:52px;box-sizing:border-box;width:308px;height:790px;padding:0 12px 16px 16px;overflow:hidden;background:#edf0f4}
.todo-card-list article{box-sizing:border-box;width:280px;height:var(--todo-card-height);margin-bottom:12px;padding:12px;border:1px solid transparent;border-radius:6px;background:#fff}
.todo-card-list article.selected{border-color:#2990ff}
.todo-card-list article>div{display:flex;align-items:center;justify-content:space-between}
.todo-card-list article i{padding:1px 6px;border-radius:3px;color:#2990ff;background:#dfeeff;font-size:12px;font-style:normal}
.todo-card-list article i.purple{color:#7c5cff;background:#eee9ff}
.todo-card-list article i.orange{color:#fa8c16;background:#fff2d8}
.todo-card-list article small{color:#999}
.todo-card-list article h3{margin:8px 0 4px;display:flex;align-items:center;gap:4px;font-size:14px}
.todo-card-list article h3 img{width:22px;height:22px;border-radius:50%}
.todo-card-list article p{margin:0;padding-top:6px;display:flex;justify-content:space-between;border-top:1px solid #e8e8e8;color:#999}
.todo-card-list article p strong{color:#333;font-size:18px}
.todo-card-list article.selected p strong{color:#2990ff}
.todo-card-list article.compact p{margin-top:8px;padding-top:8px}
.todo-card-list article h3{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.todo-data{position:absolute;left:533px;top:0;box-sizing:border-box;width:757px;height:858px;padding:16px;overflow:hidden;background:#fff}
.todo-data>p{position:absolute;left:16px;top:16px;height:18px;margin:0;color:#999;font-size:12px}
.todo-data>h3{position:absolute;left:16px;top:50px;height:24px;margin:0;padding-left:12px;border-left:4px solid #2990ff;font-size:14px;line-height:22px}
.todo-radios{position:absolute;left:16px;top:86px;height:22px;display:flex;align-items:center;gap:24px}
.todo-radios label{display:flex;align-items:center;gap:6px;color:#666}
.todo-radios label i{box-sizing:border-box;width:16px;height:16px;border:1px solid #d9d9d9;border-radius:50%}
.todo-radios label:first-child i{border:4px solid #2990ff}
.todo-wide-table{position:absolute;left:16px;top:124px;width:1267px;border:1px solid #e8e8e8;border-radius:4px;overflow:hidden;font-size:12px}
.todo-wide-head{display:grid;grid-template-columns:110px 137px 123px 182px 97px 135px 95px 95px 109px 109px 56px;align-items:center}
.todo-wide-head{height:38px;background:#edf0f4}
.todo-wide-head>*{box-sizing:border-box;height:100%;padding:8px 12px;display:flex;align-items:center;border-right:1px solid #e8e8e8;white-space:nowrap}
.todo-wide-group{display:grid;grid-template-columns:110px 137px 123px 944px;grid-template-rows:repeat(var(--todo-group-rows),46px);box-shadow:inset 0 1px #e8e8e8}
.todo-wide-group>.todo-group-person,.todo-wide-group>.todo-group-role,.todo-wide-group>.todo-group-money{box-sizing:border-box;grid-row:1/-1;height:100%;padding:8px 12px;display:flex;align-items:center;border-right:1px solid #e8e8e8}
.todo-wide-group>.todo-group-person{grid-column:1}.todo-wide-group>.todo-group-role{grid-column:2}.todo-wide-group>.todo-group-money{grid-column:3}
.todo-wide-group img{width:22px;height:22px;margin-right:6px;border-radius:50%}
.todo-order-row{grid-column:4;display:grid;grid-template-columns:182px 97px 135px 95px 95px 109px 109px 56px;min-width:944px}
.todo-order-row:not(:nth-child(4)){border-top:1px solid #e8e8e8}
.todo-order-row>*{box-sizing:border-box;height:46px;padding:8px 12px;display:flex;align-items:center;border-right:1px solid #e8e8e8;white-space:nowrap}
.todo-order-row a{color:#2990ff}.todo-order-row b{color:#e44144;font-weight:400}
.todo-scrollbar{position:absolute;left:383px;bottom:135px;width:494px;height:4px;border-radius:2px;background:linear-gradient(90deg,#e8e8e8 0 24%,#999 24% 72%,#e8e8e8 72%)}
.todo-data:before{content:"";position:absolute;right:0;top:16px;bottom:52px;z-index:4;width:16px;background:#fff;box-shadow:-8px 0 12px rgba(0,0,0,.06)}
.todo-data:after{content:"";position:absolute;right:4px;top:18px;z-index:5;width:4px;height:690px;border-radius:2px;background:linear-gradient(#eee 0 23%,#999 23% 52%,#eee 52%)}
.todo-data>footer{position:absolute;left:0;bottom:0;box-sizing:border-box;width:757px;height:52px;padding:10px 16px;display:flex;gap:16px;border-top:1px solid #e8e8e8;background:#fff}
.todo-data>footer button{height:32px;padding:0 16px;border:1px solid #d9d9d9;border-radius:4px;background:#fff}
.todo-data>footer button:first-child{color:#fff;border-color:#2990ff;background:#2990ff}

.approval-page>main{height:858px}
.approval-tabs{box-sizing:border-box;width:1290px;height:48px;padding:0 16px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #e8e8e8;background:#fff}
.approval-tabs>*{box-sizing:border-box;height:48px;padding:13px 0}
.approval-tabs strong{color:#2990ff;border-bottom:2px solid #2990ff}
.approval-layout{position:absolute;left:0;top:48px;width:1290px;height:810px;display:grid;grid-template-columns:230px 332px 728px;background:#fff}
.approval-inner-nav{position:relative;width:230px;height:810px;background:#fff}
.approval-search{position:absolute;left:8px;top:16px;box-sizing:border-box;width:214px;height:32px;padding:5px 10px;display:flex;align-items:center;gap:6px;border:1px solid #d9d9d9;border-radius:4px;color:#999}
.approval-search span{flex:1}
.approval-search img{width:14px;height:14px}
.approval-tree{position:absolute;left:8px;top:56px;width:214px}
.approval-tree>div{box-sizing:border-box;width:214px;height:38px;display:flex;align-items:center;border-radius:4px;color:#666}
.approval-tree>div.approval-tree-row{padding:0 8px;gap:4px;cursor:pointer}
.approval-tree>div.approval-tree-child{padding:8px 8px 8px 34px}
.approval-tree>div[hidden]{display:none}
.approval-tree>div.selected{color:#2990ff;background:rgba(41,144,255,.16)}
.approval-tree-row>b{font-weight:400}
.approval-tree-row.selected>b{font-weight:700}
.approval-tree-row>img{width:16px;height:16px;flex:0 0 16px}
.approval-tree-arrow{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px}
.approval-tree-arrow>img{width:12px;height:12px;transform:rotate(90deg);transition:transform .16s ease}
.approval-tree-row.expanded .approval-tree-arrow>img{transform:rotate(180deg)}
.approval-tree-row.selected>img,.approval-tree-row.selected .approval-tree-arrow>img{filter:brightness(0) saturate(100%) invert(51%) sepia(97%) saturate(2435%) hue-rotate(190deg) brightness(101%) contrast(101%)}
.approval-inner-nav>footer{position:absolute;left:0;bottom:0;box-sizing:border-box;width:230px;height:44px;padding:11px 16px;display:flex;align-items:center;gap:8px;border-top:1px solid #e8e8e8}
.approval-inner-nav>footer img{width:14px;height:14px}
.approval-cards{position:relative;width:332px;height:810px;background:#f7f8fa}
.approval-card-filter{position:absolute;left:16px;top:16px;width:300px;height:32px;display:flex;align-items:center;gap:16px;color:#666}
.approval-filter-icons{margin-left:auto;display:flex;align-items:center;gap:16px}.approval-filter-icons img{width:14px;height:14px}
.approval-card-list{position:absolute;left:16px;top:56px;width:300px;height:620px;overflow:hidden}
.approval-card-list article{box-sizing:border-box;width:300px;height:var(--approval-card-height);margin-bottom:12px;padding:12px;border:1px solid transparent;border-radius:6px;background:#fff}
.approval-card-list article.selected{border-color:#2990ff}
.approval-card-list article header{height:24px;display:flex;align-items:center;justify-content:space-between}
.approval-card-list article>div{margin:4px 0;display:flex;align-items:center;gap:6px}
.approval-card-list article>div img{width:22px;height:22px;border-radius:50%}
.approval-card-list article>div b{min-width:0;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-card-list article>div small{margin-left:auto;color:#999;white-space:nowrap}
.approval-card-list article p{margin:3px 0;color:#666;font-size:12px}
.approval-detail{position:relative;box-sizing:border-box;width:728px;height:810px;padding:4px;background:#edf0f4}
.approval-detail-scroll{position:relative;box-sizing:border-box;width:720px;height:750px;padding:16px;overflow:hidden;background:#fff}
.approval-detail-scroll>header{height:28px;display:flex;align-items:center;justify-content:space-between}
.approval-detail-scroll h2{margin:0;display:flex;align-items:center;gap:8px;font-size:18px}
.approval-applicant{margin-top:4px;display:flex;align-items:center;gap:6px}
.approval-applicant img{width:22px;height:22px;border-radius:50%}
.approval-applicant small{margin-left:8px;color:#999}
.approval-detail-scroll>nav{position:absolute;right:16px;top:56px;padding:4px;display:flex;gap:4px;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.08)}
.approval-detail-scroll>nav>*{padding:4px 8px}
.approval-detail-scroll>nav b{color:#2990ff;background:#f2f8ff}
.approval-detail-scroll>h3{margin:16px 0 8px;padding:0;border:0;font-size:14px;line-height:22px}
.approval-detail-scroll>h3.approval-section-title{display:flex;align-items:center;gap:8px;font-size:16px;line-height:24px}
.approval-detail-scroll>h3.approval-section-title::before{content:"";width:4px;height:16px;flex:0 0 4px;background:#2990ff}
.approval-applicant+nav+h3{margin-top:26px}.approval-info+h3{margin-top:31px}
.approval-detail-scroll>h3 small{margin-left:4px;color:#999;font-size:12px;line-height:18px;font-weight:400}.approval-detail-scroll>h3 small img{width:12px;height:12px;margin-left:6px;vertical-align:-2px}
.approval-detail-scroll a{color:#2990ff}
.approval-info{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
.approval-info p{margin:0;display:grid;color:#333}
.approval-info p span{color:#999}
.approval-sale{display:flex;align-items:center;gap:6px;font-weight:400}.approval-sale img{width:22px;height:22px;border-radius:50%}
.approval-products{border:1px solid #e8e8e8}
.approval-products>header,.approval-products>div{display:grid;grid-template-columns:36.4% 12.5% 26.6% 24.5%}
.approval-products>header{height:38px;background:#edf0f4}
.approval-products>div{height:var(--approval-product-height);border-top:1px solid #e8e8e8}
.approval-products>*>span{box-sizing:border-box;padding:8px 12px;border-right:1px solid #e8e8e8}
.approval-products>*>span:nth-child(n+2){white-space:nowrap}
.approval-products>div>span:first-child{display:grid;grid-template-columns:32px 1fr;grid-auto-rows:min-content;align-content:start;gap:2px 4px}
.approval-products>div>span:first-child img{grid-row:1/-1;width:32px;height:32px;border-radius:4px;object-fit:cover}
.approval-products small{grid-column:2;color:#666;line-height:18px}.approval-products small a{font-size:12px}
.approval-products>div>span:last-child b{color:#f0aa32}.approval-products>div>span:last-child i{color:#5ab333;font-style:normal}
.approval-products>footer{height:32px;padding:5px 12px;text-align:right;background:#edf0f4;font-weight:700}
.approval-actions{position:absolute;left:4px;bottom:4px;box-sizing:border-box;width:724px;height:52px;padding:10px 16px;display:flex;align-items:center;gap:16px;border-top:1px solid #e8e8e8;background:#fff}
.approval-actions button{height:32px;padding:0 16px;border:1px solid #2990ff;border-radius:4px;color:#2990ff;background:#fff}
.approval-actions button:nth-child(2){color:#e44144;border-color:#e44144}
.approval-actions span{display:flex;align-items:center;gap:4px;color:#666;white-space:nowrap}
.approval-actions span img{width:14px;height:14px}
.layout-stage:has(.workflow-page),.layout-live:has(.workflow-page){min-height:940px;place-items:start;overflow:auto}

/* Figma 3299:14770 / 3299:15401 / 3293:1466 */
.figma-basic-form,.figma-info-form{position:relative;box-sizing:border-box;display:block;padding:0;overflow:hidden;border-radius:12px;color:#333;background:#fff;font-family:"Source Han Sans CN","思源黑体 CN","Microsoft YaHei",sans-serif;font-size:14px;line-height:22px}
.figma-basic-form{width:560px;height:2693px}.figma-info-form{width:572px;height:1956px}
.figma-basic-form>h3,.figma-info-form>h3{position:absolute;left:16px;top:16px;z-index:2;box-sizing:border-box;width:528px;height:24px;margin:0;padding-left:12px;border-left:4px solid #2990ff;font-size:16px;line-height:24px}
.figma-field{box-sizing:border-box;display:block;height:58px}.figma-basic-form>.figma-field{position:absolute;width:256px}
.figma-field>span{display:block;height:22px;color:#333;font-size:14px;line-height:22px}.figma-field>span b,.figma-image-upload>span b,.figma-value>span b{color:#e44144;font-weight:400}
.figma-control{box-sizing:border-box;width:100%;height:32px;margin-top:4px;padding:5px 12px;display:flex;align-items:center;gap:8px;overflow:hidden;border:1px solid #d9d9d9;border-radius:4px;color:#333;background:#fff;line-height:22px}
.figma-control>em{min-width:0;flex:1;overflow:hidden;color:#999;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.figma-control>span{white-space:nowrap}.figma-control>img{width:12px;height:12px;flex:0 0 12px}.figma-control>i{width:1px;height:22px;flex:0 0 1px;background:#e8e8e8}
.figma-control.textarea{height:86px;align-items:flex-start}.figma-control.disabled{background:#f7f8fa}.figma-control.action{justify-content:center;border-style:dashed;border-color:#2990ff;color:#2990ff}.figma-control.bare{height:48px;padding:0;border:0;overflow:visible}.figma-control.upload{height:128px;padding:0;justify-content:center}
.figma-plus{box-sizing:border-box;width:48px;height:48px;border:1px solid #d9d9d9;border-radius:4px;color:#999;background:#fff;font-size:28px;font-weight:300}
.figma-upload-inner{display:grid;place-items:center;align-content:center;color:#666;text-align:center}.figma-upload-inner>img{width:72px;height:54px;object-fit:contain}.figma-upload-inner strong{font-weight:400}.figma-upload-inner small{color:#999;font-size:12px;line-height:18px}
.figma-description{position:absolute;left:16px;box-sizing:border-box;width:528px;height:38px;margin:0;padding:8px 12px;color:#666;background:#edf0f4}
.basic-single{left:16px;top:60px;width:528px!important}.basic-multiline{left:16px;top:134px;width:528px!important;height:112px!important}.figma-basic-form>.figma-description{top:262px}
.basic-number{left:16px;top:316px}.basic-amount{left:288px;top:316px}.basic-formula{left:16px;top:390px}.basic-phone{left:288px;top:390px}.basic-radio{left:16px;top:464px}.basic-check{left:288px;top:464px}.basic-category{left:16px;top:538px}.basic-date{left:288px;top:538px}.basic-date-range{left:16px;top:612px}.basic-address{left:288px;top:612px}.basic-address-detail{left:16px;top:686px;width:528px!important}.basic-location{left:16px;top:775px}.basic-contact{left:288px;top:775px}.basic-department{left:16px;top:849px}.basic-serial{left:288px;top:849px}
.split-address{padding:0}.split-address .address-select{box-sizing:border-box;width:180px;height:30px;padding:5px 12px;display:flex;align-items:center;gap:8px;border-right:1px solid #d9d9d9;color:#999}.split-address .address-select img{margin-left:auto}.split-address>em{padding-left:4px}
.figma-edit-table{position:absolute;left:16px;top:923px;width:528px;height:224px}.figma-edit-table>header,.figma-detail-editor>header{height:22px;display:flex;align-items:center;justify-content:space-between}.figma-edit-table>header img,.figma-detail-editor>header img{width:14px;height:14px}.figma-table-shell{position:absolute;left:0;top:26px;box-sizing:border-box;width:528px;height:154px;padding:12px;overflow:hidden;border:1px dashed #d9d9d9;border-radius:4px}.figma-table-head,.figma-table-row{width:504px;display:grid;grid-template-columns:187px 187px 76px 54px}.figma-table-head{height:38px;background:#edf0f4}.figma-table-row{height:46px;border-bottom:1px solid #e8e8e8}.figma-table-head>span,.figma-table-row>span,.figma-table-row>button{box-sizing:border-box;padding:8px 12px;overflow:hidden;border:0;border-right:1px solid #e8e8e8;color:#999;background:transparent;text-overflow:ellipsis;white-space:nowrap}.figma-table-head>span{color:#333}.figma-table-row>button img{width:14px;height:14px}.figma-table-scroll{position:absolute;left:18px;bottom:3px;width:470px;height:4px;border-radius:2px;background:linear-gradient(90deg,#eee 0 26%,#999 26% 80%,#eee 80%)}.figma-add-table{position:absolute;left:0;top:192px;box-sizing:border-box;width:528px;height:32px;border:1px dashed #2990ff;border-radius:4px;color:#2990ff;background:#fff}
.figma-detail-editor{position:absolute;left:16px;width:528px}.editor-one{top:1163px;height:439px}.editor-two{top:1618px;height:483px}.figma-editor-body{position:absolute;left:0;top:27px;box-sizing:border-box;width:528px;height:calc(100% - 27px);padding:12px;display:grid;gap:12px;border:1px dashed #d9d9d9;border-radius:4px;background:#f7f8fa}.figma-editor-body>.figma-field{position:relative;width:504px}.figma-editor-body>.figma-field:nth-child(3){height:74px}.figma-editor-body>.figma-field:nth-child(4){height:154px}.editor-two .figma-editor-body{align-content:start}.figma-add-detail{position:absolute;left:16px;top:2053px;box-sizing:border-box;width:528px;height:42px;border:1px dashed #2990ff;border-radius:4px;color:#2990ff;background:#fff;font:14px/22px inherit}
.figma-image-upload{position:absolute;left:16px;top:2117px;width:528px;height:94px}.figma-image-upload>span{display:block;height:22px}.figma-image-upload .figma-plus{display:block;margin-top:4px}.figma-image-upload small{position:absolute;left:0;bottom:0;color:#999;font-size:12px;white-space:nowrap}.basic-upload{left:16px;top:2227px;width:528px!important;height:154px!important}.figma-sample-download{position:absolute;right:16px;top:2227px;display:flex;align-items:center;gap:4px;color:#2990ff;font-size:12px}.figma-sample-download img{width:12px;height:12px}.basic-account{left:16px;top:2397px}.figma-rating{position:absolute;left:288px;top:2425px;height:22px;display:flex;align-items:center;gap:14px}.figma-rating b,.info-rating b{color:#f5a623;font-size:20px}.figma-rating span{margin-left:-4px}.basic-related{left:16px;top:2471px;width:528px!important}.basic-id{left:16px;top:2545px}.basic-invoice{left:16px;top:2619px;width:528px!important}
.figma-value{position:absolute;box-sizing:border-box;width:256px;height:42px;display:block}.figma-info-form>.figma-value{display:block}.figma-value>span{display:block;height:18px;color:#999;font-size:12px;line-height:18px}.figma-value>strong{height:22px;margin-top:2px;display:flex;align-items:center;gap:4px;overflow:hidden;color:#333;font-size:14px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.figma-value>strong>i{padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;font-style:normal}.figma-value a{color:#2990ff}.figma-avatar{box-sizing:border-box;width:22px;height:22px;padding:0!important;display:inline-grid!important;place-items:center;border:0!important;border-radius:50%!important;color:#fff;background:#2990ff;font-size:12px;font-style:normal}.figma-avatar.dark{background:#526273}
.info-name{left:16px;top:60px}.info-multiline{left:16px;top:118px;width:528px}.figma-info-form>.figma-description{top:176px}.info-number{left:16px;top:230px}.info-amount{left:288px;top:230px}.info-formula{left:16px;top:288px}.info-phone{left:288px;top:288px}.info-radio{left:16px;top:346px}.info-check{left:288px;top:346px}.info-category{left:16px;top:404px}.info-date{left:288px;top:404px}.info-date-range{left:16px;top:462px}.info-address{left:288px;top:462px}.info-address-detail{left:16px;top:520px;width:528px}.info-location{left:16px;top:578px}.info-contact{left:288px;top:578px}.info-department{left:16px;top:636px}.info-serial{left:288px;top:636px}
.figma-read-table{position:absolute;left:16px;top:694px;box-sizing:border-box;width:532px;height:96px;overflow:hidden}.figma-read-table>div{width:532px;height:38px;display:grid;grid-template-columns:118px 174px 78px 162px}.figma-read-table>div:nth-child(2){height:46px;border-bottom:1px solid #e8e8e8}.figma-read-table span{box-sizing:border-box;padding:8px 12px;overflow:hidden;border-right:1px solid #e8e8e8;text-overflow:ellipsis;white-space:nowrap}.figma-read-table>div:first-child{background:#edf0f4}.figma-read-table>div:nth-child(2){color:#666}.figma-read-table>i{position:absolute;left:0;bottom:0;width:494px;height:4px;background:linear-gradient(90deg,#eee 0 26%,#999 26% 77%,#eee 77%)}.info-account{left:16px;top:802px;width:188px}.figma-info-form>.info-rating{position:absolute;left:288px;top:802px;width:172px;height:42px;display:block}.info-rating>span{display:block;height:18px;color:#999;font-size:12px}.info-rating b{margin-right:14px}.info-rating em{font-style:normal}.info-id{left:16px;top:856px;width:188px}.figma-info-images{position:absolute;left:16px;top:910px;width:528px;height:68px}.figma-info-images>span,.figma-attachments>span{display:block;height:18px;color:#999;font-size:12px}.figma-info-images img{width:48px;height:48px;margin-right:8px;border-radius:4px;object-fit:cover}.figma-attachments{position:absolute;left:16px;top:990px;width:528px;height:84px}.figma-attachments .layout-attachment-file{width:528px;margin-top:2px;padding:3px 7px}
.figma-info-form>.info-rating{display:flex;align-content:flex-start;align-items:center;gap:0 8px;flex-wrap:wrap}.figma-info-form>.info-rating>span{width:100%;height:18px}.figma-info-form>.info-rating b{margin:0;font-size:16px;line-height:22px}.figma-related-card{position:absolute;left:16px;width:528px}.related-one{top:1086px;height:176px}.related-two{top:1274px;height:176px}.related-three{top:1462px;height:132px}.related-four{top:1606px;height:176px}.related-five{top:1794px;height:146px}.figma-related-card>span{display:block;height:18px;color:#999;font-size:12px}.figma-related-card>article{position:absolute;left:0;top:20px;box-sizing:border-box;width:528px;height:calc(100% - 20px);padding:12px;border-radius:4px;background:#f7f8fa}.figma-related-card header{height:24px;display:flex;align-items:center;gap:4px}.figma-related-card header>img{width:16px;height:16px}.figma-related-card header strong{font-size:16px;font-weight:400}.figma-related-card header>i{color:#5ab333;font-style:normal}.figma-related-card nav{margin-left:auto;display:flex;align-items:center;gap:8px}.figma-related-card nav a:first-child{color:#2990ff}.figma-related-card nav a:last-child{color:#e44144}.figma-related-card nav b{width:1px;height:14px;background:#d9d9d9}.figma-card-user{height:30px;display:flex;align-items:center;gap:4px}.figma-card-user>i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#2990ff;font-size:12px;font-style:normal}.figma-related-card hr{height:1px;margin:0 0 7px;border:0;border-top:1px dashed #e8e8e8}.figma-related-card p{height:22px;margin:0;overflow:hidden;color:#333;font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.figma-related-card p span{color:#999}.figma-related-card p .figma-avatar{width:18px;height:18px}.related-three article{height:112px}.related-five article{height:126px}
.layout-split.vertical.equal{box-sizing:border-box;width:1368px;max-width:none;height:270px;padding:12px;grid-template-columns:660px 24px 660px;background:#f7f8fa}.layout-split.vertical.equal>section{height:246px;background:#fff}.layout-split.vertical.equal>section p{box-sizing:border-box;width:224px;margin:0;padding:12px;color:#666;line-height:22px}.layout-split.vertical.equal>i{position:relative;background:transparent}.layout-split.vertical.equal>i:before{content:"";position:absolute;left:11px;top:-12px;width:1px;height:270px;background:#d9d9d9}.layout-split.vertical.equal>i b{position:absolute;left:11px;top:104px;width:1px;height:16px;background:#bfbfbf}
.layout-stage:has(.figma-basic-form),.layout-live:has(.figma-basic-form),.layout-stage:has(.figma-info-form),.layout-live:has(.figma-info-form){place-items:start center;overflow:visible}.layout-stage:has(.layout-split.equal),.layout-live:has(.layout-split.equal){min-height:326px;padding:28px 0;place-items:center;overflow:hidden}.layout-split>i:focus-visible{outline:2px solid #2990ff;outline-offset:2px;border-radius:4px}
@media (max-width:768px){.layout-split.vertical.equal{width:100%;grid-template-columns:minmax(160px,1fr) 24px minmax(160px,1fr)}.layout-split.vertical.equal>section{min-width:0}.layout-split.vertical.equal>section p{width:auto}.layout-columns{width:100%;grid-template-columns:1fr!important}.layout-columns>section{min-width:0}.layout-functions-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.layout-functions-grid section{min-width:0}.layout-functions-grid section>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.layout-figma-instance{display:contents}.layout-functions-grid section>div:hover{border-radius:4px;background:rgba(0,0,0,.04)}.layout-functions-grid section>div.selected{color:#2990ff;background:#eaf4ff}.layout-functions-grid section>div.dragging{opacity:.72;box-shadow:0 4px 10px rgba(0,0,0,.08)}.layout-split.vertical>i{cursor:col-resize;touch-action:none}.layout-split.horizontal>i{cursor:row-resize;touch-action:none}
/* Sidebar business selection drives the matching top module label and icon. */
.lan-shell-top-module,.workflow-top-module{display:inline-flex;align-items:center;gap:8px;color:inherit;white-space:nowrap}
.shell-business-item,.workflow-secondary-item{position:relative;box-sizing:border-box;width:130px;height:30px;padding:4px 8px;display:flex;align-items:center;gap:8px;overflow:hidden;border:0;border-radius:4px;color:rgba(255,255,255,.9);background:transparent;font:14px/22px inherit;text-align:left;white-space:nowrap;cursor:pointer}
.shell-business-item:hover,.shell-business-item:active,.shell-business-item.active,.workflow-secondary-item:hover,.workflow-secondary-item:active,.workflow-secondary-item.active{color:#fff;background:transparent}
.shell-business-item>span,.workflow-secondary-item>span,.frame120-secondary-item>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}