#shun-design-demo{--sd-bg:light-dark(#f4f7f6,#0c141c);--sd-panel:light-dark(#ffffff,#131f2c);--sd-sidebar:light-dark(#edf3ef,#101a25);--sd-text:light-dark(#172c25,#e6f0f2);--sd-muted:light-dark(#61756c,#99aebc);--sd-line:light-dark(#dbe5df,#2a3947);--sd-soft:light-dark(#eef3f0,#1c2c38);--sd-mint:light-dark(#76e1b9,#76e1b9);--sd-mint-ink:light-dark(#0c4937,#0c4937);--sd-green:light-dark(#267654,#8bdfb7);--sd-green-soft:light-dark(#e6f5ec,#203a31);--sd-orange:light-dark(#a45d24,#f0b27d);--sd-orange-soft:light-dark(#fcf0df,#3a2e23);--sd-red:light-dark(#ad4f40,#f5aa98);--sd-red-soft:light-dark(#faeae5,#3a2826);--sd-blue:light-dark(#507e9d,#8cbcd9);--sd-desktop:light-dark(#dfe9e9,#172a36);--sd-window:light-dark(#f9fbfa,#1c2a35);--sd-shadow:light-dark(#173c281a,#00000040);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.5;color:var(--sd-text);width:100%;position:relative;color-scheme:light dark;isolation:isolate}
#shun-design-demo *{box-sizing:border-box}#shun-design-demo [hidden]{display:none!important}#shun-design-demo button,#shun-design-demo select,#shun-design-demo input{font:inherit}#shun-design-demo button{color:inherit}#shun-design-demo button:disabled{opacity:.5}#shun-design-demo button,#shun-design-demo select{transition:background .15s,border-color .15s}#shun-design-demo svg{width:17px;height:17px;flex-shrink:0}#shun-design-demo h1,#shun-design-demo h2,#shun-design-demo h3,#shun-design-demo p{margin:0}#shun-design-demo h1{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.6px}#shun-design-demo h2{font-size:17px;font-weight:500}#shun-design-demo h3{font-size:14px;font-weight:500}#shun-design-demo small{font-size:11px}#shun-design-demo strong,#shun-design-demo b{font-weight:500}#shun-design-demo .sd-demo-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:13px;padding-right:90px}#shun-design-demo .sd-demo-title{display:flex;align-items:center;gap:9px}#shun-design-demo .sd-demo-title>span:last-child{color:var(--sd-muted);font-size:12px}#shun-design-demo .sd-demo-dot{width:7px;height:7px;background:var(--sd-mint);border-radius:50%}#shun-design-demo .sd-role-switch{display:flex;gap:3px;border-radius:10px;background:var(--sd-soft);padding:3px}#shun-design-demo .sd-role-switch button{border:0;background:transparent;padding:7px 12px;border-radius:8px;display:flex;align-items:center;gap:7px;font-size:12px}#shun-design-demo .sd-role-switch button[aria-pressed=true]{background:var(--sd-panel);box-shadow:0 1px 4px var(--sd-shadow)}#shun-design-demo .sd-owner{display:grid;grid-template-columns:146px minmax(0,1fr);background:var(--sd-bg);min-height:760px;border:1px solid var(--sd-line);border-radius:16px;overflow:hidden}#shun-design-demo .sd-sidebar{background:var(--sd-sidebar);border-right:1px solid var(--sd-line);padding:21px 10px 14px;display:flex;flex-direction:column;min-width:0}#shun-design-demo .sd-brand{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:1px;padding:0 9px}#shun-design-demo .sd-brand-logo{display:inline-grid;place-items:center;background:var(--sd-mint);color:var(--sd-mint-ink);width:29px;height:29px;border-radius:8px;font-size:22px;font-weight:600;letter-spacing:0;flex-shrink:0}#shun-design-demo .sd-workspace{color:var(--sd-muted);font-size:11px;padding:12px 9px 20px}#shun-design-demo nav{display:grid;gap:5px}#shun-design-demo nav button{display:flex;align-items:center;gap:9px;padding:10px 9px;border:0;background:transparent;border-radius:8px;text-align:left;font-size:12px;min-height:39px}#shun-design-demo nav button.is-active{background:var(--sd-panel);box-shadow:0 1px 4px var(--sd-shadow)}#shun-design-demo nav button.is-active>svg{color:var(--sd-green)}#shun-design-demo nav button:hover{background:var(--sd-soft)}#shun-design-demo .sd-nav-count{margin-left:auto;background:var(--sd-orange-soft);color:var(--sd-orange);font-size:11px;border-radius:5px;min-width:20px;text-align:center}#shun-design-demo .sd-sidebar-bottom{margin-top:auto;padding:25px 5px 0;display:flex;gap:7px;align-items:center;font-size:11px}#shun-design-demo .sd-sidebar-bottom small{display:block;color:var(--sd-muted)}#shun-design-demo .sd-avatar{background:var(--sd-soft);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}#shun-design-demo .sd-secure{margin-left:auto;color:var(--sd-green)}#shun-design-demo .sd-secure svg{width:14px}#shun-design-demo .sd-owner-body{min-width:0}#shun-design-demo .sd-owner-header{height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--sd-line);padding:0 22px;background:var(--sd-panel);font-size:11px;color:var(--sd-muted)}#shun-design-demo .sd-owner-header>span:first-child{display:flex;gap:7px;align-items:center}#shun-design-demo .sd-online-dot{width:6px;height:6px;background:var(--sd-green);display:inline-block;border-radius:50%;flex-shrink:0}#shun-design-demo .sd-main{padding:22px;position:relative}#shun-design-demo .sd-page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}#shun-design-demo .sd-page-head p{color:var(--sd-muted);font-size:12px;margin-top:6px}#shun-design-demo .sd-action{border:1px solid var(--sd-line);border-radius:8px;background:var(--sd-panel);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;font-size:12px;white-space:nowrap}#shun-design-demo .sd-action:hover{background:var(--sd-soft)}#shun-design-demo .sd-action.sd-primary{background:var(--sd-mint);border-color:var(--sd-mint);color:var(--sd-mint-ink)}#shun-design-demo .sd-action.sd-quiet{background:transparent;border-color:transparent;color:var(--sd-muted);padding:6px}#shun-design-demo .sd-action.sd-small{padding:6px 9px;font-size:11px}#shun-design-demo .sd-action.sd-icon-only{padding:7px;min-width:31px}#shun-design-demo .sd-counts{display:flex;align-items:center;gap:17px;flex-wrap:wrap;font-size:12px;color:var(--sd-muted);margin-bottom:14px}#shun-design-demo .sd-counts b{color:var(--sd-text);font-size:16px;margin-right:4px;font-variant-numeric:tabular-nums}#shun-design-demo .sd-counts .sd-count-red b{color:var(--sd-red)}#shun-design-demo .sd-attention{background:var(--sd-orange-soft);border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;font-size:12px;margin-bottom:17px}#shun-design-demo .sd-attention>span{display:flex;align-items:center;gap:8px}#shun-design-demo .sd-attention svg{color:var(--sd-orange)}#shun-design-demo .sd-link-button{background:none;border:0;padding:0;color:var(--sd-green);font:inherit;white-space:nowrap;text-decoration:none}#shun-design-demo .sd-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:13px}#shun-design-demo .sd-filters{display:flex;gap:3px;flex-wrap:wrap}#shun-design-demo .sd-filters button{border:0;background:transparent;padding:6px 9px;border-radius:7px;font-size:12px;color:var(--sd-muted)}#shun-design-demo .sd-filters button[aria-pressed=true]{background:var(--sd-panel);color:var(--sd-text);box-shadow:0 1px 3px var(--sd-shadow)}#shun-design-demo .sd-search{display:flex;gap:6px;align-items:center;margin-left:auto;background:var(--sd-panel);border:1px solid var(--sd-line);padding:6px 8px;border-radius:7px;min-width:130px;flex:0 1 165px;color:var(--sd-muted)}#shun-design-demo .sd-search svg{width:14px;height:14px}#shun-design-demo .sd-search input{width:100%;min-width:0;background:transparent;border:0;color:var(--sd-text);font-size:12px;outline-offset:3px}#shun-design-demo .sd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}#shun-design-demo .sd-grid.sd-spacious{grid-template-columns:repeat(3,minmax(0,1fr))}#shun-design-demo .sd-device{background:var(--sd-panel);border:1px solid var(--sd-line);border-radius:11px;overflow:hidden;position:relative;min-width:0}#shun-design-demo .sd-device-screen{display:block;width:100%;border:0;padding:0;background:var(--sd-desktop);position:relative;text-align:left;aspect-ratio:16/10;overflow:hidden}#shun-design-demo .sd-device-info{padding:9px 10px}#shun-design-demo .sd-device-heading{display:flex;gap:5px;align-items:center;justify-content:space-between;min-width:0}#shun-design-demo .sd-device-heading h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}#shun-design-demo .sd-state{display:inline-flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap;color:var(--sd-green)}#shun-design-demo .sd-state[data-state=offline]{color:var(--sd-red)}#shun-design-demo .sd-state[data-state=locked],#shun-design-demo .sd-state[data-state=pending]{color:var(--sd-muted)}#shun-design-demo .sd-state[data-state=updating]{color:var(--sd-blue)}#shun-design-demo .sd-device-sub{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--sd-muted);font-size:11px;margin-top:5px;min-height:17px}#shun-design-demo .sd-device-sub span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#shun-design-demo .sd-device-sub .sd-admin-flag{color:var(--sd-orange)}#shun-design-demo .sd-meta-detail{font-size:11px;color:var(--sd-muted);margin-top:5px;padding-top:5px;border-top:1px solid var(--sd-line)}#shun-design-demo .sd-star{border:0;background:none;padding:0;color:var(--sd-muted);display:inline-grid;place-items:center;flex-shrink:0}#shun-design-demo .sd-star[aria-pressed=true]{color:var(--sd-orange)}#shun-design-demo .sd-star svg{width:13px;height:13px}#shun-design-demo .sd-card-tail{display:flex;gap:5px;align-items:center;min-width:0}#shun-design-demo .sd-screen-empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--sd-muted);padding:10px;background:var(--sd-soft)}#shun-design-demo .sd-screen-empty svg{width:22px;height:22px;margin:0 auto 5px}#shun-design-demo .sd-screen-empty strong{font-size:12px;display:block}#shun-design-demo .sd-screen-empty small{font-size:11px;display:block;margin-top:3px}#shun-design-demo .sd-mini-app{position:absolute;inset:12% 9% 10%;background:var(--sd-window);border-radius:4px;box-shadow:0 2px 7px var(--sd-shadow);overflow:hidden;color:var(--sd-text)}#shun-design-demo .sd-mini-title{display:flex;gap:4px;align-items:center;background:var(--sd-soft);height:18%;min-height:18px;padding:2px 6px;font-size:11px;white-space:nowrap;overflow:hidden}#shun-design-demo .sd-mini-dots{margin-left:auto;letter-spacing:1px;color:var(--sd-muted);font-size:11px}#shun-design-demo .sd-mini-ribbon{height:12%;background:var(--sd-green-soft);padding:0 5%;display:flex;align-items:center;gap:5%;overflow:hidden}#shun-design-demo .sd-mini-ribbon i{width:12%;height:3px;background:var(--sd-green);opacity:.35}#shun-design-demo .sd-mini-sheet{padding:7% 6%;display:grid;grid-template-columns:repeat(4,1fr);height:70%;gap:3px}#shun-design-demo .sd-mini-sheet i{display:block;background:var(--sd-soft);min-height:5px}#shun-design-demo .sd-mini-sheet i:nth-child(-n+4){background:var(--sd-green-soft)}#shun-design-demo .sd-mini-web{display:grid;grid-template-columns:20% 1fr;gap:6%;padding:7% 7%;height:82%}#shun-design-demo .sd-mini-web aside{background:var(--sd-soft);border-radius:2px}#shun-design-demo .sd-mini-web main{display:grid;grid-template-rows:15% 1fr 20%;gap:12%}#shun-design-demo .sd-mini-web main>i{background:var(--sd-soft);border-radius:2px}#shun-design-demo .sd-bars{display:flex;gap:8%;align-items:flex-end;padding:0 9%;background:var(--sd-soft);border-radius:2px}#shun-design-demo .sd-bars i{width:17%;height:45%;background:var(--sd-blue);border-radius:2px 2px 0 0;opacity:.65}#shun-design-demo .sd-bars i:nth-child(2){height:75%}#shun-design-demo .sd-bars i:nth-child(3){height:58%}#shun-design-demo .sd-bars i:nth-child(4){height:88%}#shun-design-demo .sd-mini-document{padding:8% 12%;height:82%;display:grid;gap:7%;grid-template-rows:12% repeat(5,5%);align-content:start}#shun-design-demo .sd-mini-document i{display:block;background:var(--sd-line);border-radius:1px}#shun-design-demo .sd-mini-document i:first-child{width:65%;background:var(--sd-blue)}#shun-design-demo .sd-mini-document i:last-child{width:72%}#shun-design-demo .sd-mini-code{padding:7% 9%;display:grid;gap:7%;grid-template-rows:repeat(6,7%);height:82%;align-content:start}#shun-design-demo .sd-mini-code i{height:3px;width:84%;background:var(--sd-blue);opacity:.7}#shun-design-demo .sd-mini-code i:nth-child(2n){margin-left:12%;width:62%;background:var(--sd-green)}#shun-design-demo .sd-mini-code i:nth-child(3n){width:40%}#shun-design-demo .sd-demo-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:15px;font-size:11px;color:var(--sd-muted)}#shun-design-demo .sd-demo-caption .sd-link-button{font-size:11px}#shun-design-demo .sd-empty{padding:55px 15px;text-align:center;color:var(--sd-muted);grid-column:1/-1}#shun-design-demo .sd-detail-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:16px}#shun-design-demo .sd-detail-toolbar h1{font-size:21px}#shun-design-demo .sd-detail-toolbar .sd-toolbar-right{margin-left:auto;display:flex;gap:7px;align-items:center}#shun-design-demo .sd-select{background:var(--sd-panel);color:var(--sd-text);border:1px solid var(--sd-line);padding:7px 9px;border-radius:7px;font-size:12px;max-width:100%}#shun-design-demo .sd-focus-screen{background:var(--sd-desktop);aspect-ratio:16/10;position:relative;border-radius:10px;border:1px solid var(--sd-line);overflow:hidden}#shun-design-demo .sd-focus-screen .sd-mini-app{inset:7% 7% 8%;border-radius:8px}#shun-design-demo .sd-full-title{display:flex;justify-content:space-between;align-items:center;background:var(--sd-soft);padding:10px 14px;font-size:12px}#shun-design-demo .sd-full-app-body{padding:20px 24px;height:calc(100% - 40px);overflow:hidden}#shun-design-demo .sd-full-app-body>h3{font-size:17px;margin-bottom:14px}#shun-design-demo .sd-sample-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}#shun-design-demo .sd-sample-table th,#shun-design-demo .sd-sample-table td{padding:9px 10px;border-bottom:1px solid var(--sd-line);font-weight:400}#shun-design-demo .sd-sample-table th{background:var(--sd-green-soft)}#shun-design-demo .sd-sample-table td:last-child{color:var(--sd-green)}#shun-design-demo .sd-full-dash-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px}#shun-design-demo .sd-full-dash-row span{background:var(--sd-soft);padding:14px;border-radius:7px;color:var(--sd-muted);font-size:11px}#shun-design-demo .sd-full-dash-row b{display:block;margin-top:4px;font-size:21px;color:var(--sd-text)}#shun-design-demo .sd-focus-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:11px 0 20px;font-size:12px;color:var(--sd-muted)}#shun-design-demo .sd-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}#shun-design-demo .sd-section{background:var(--sd-panel);border:1px solid var(--sd-line);padding:16px;border-radius:10px;min-width:0}#shun-design-demo .sd-section h2{margin-bottom:14px;font-size:14px}#shun-design-demo .sd-key-value{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--sd-line);font-size:12px}#shun-design-demo .sd-key-value:last-child{border:0}#shun-design-demo .sd-key-value>span:first-child{color:var(--sd-muted)}#shun-design-demo .sd-key-value>span:last-child{text-align:right}#shun-design-demo .sd-event{display:grid;grid-template-columns:42px 1fr;gap:9px;padding:9px 0;font-size:12px}#shun-design-demo .sd-event time{color:var(--sd-muted);font-size:11px}#shun-design-demo .sd-event small{display:block;color:var(--sd-muted);margin-top:3px}#shun-design-demo .sd-issue-list{display:grid;gap:12px}#shun-design-demo .sd-issue{background:var(--sd-panel);border:1px solid var(--sd-line);border-radius:10px;padding:16px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:start}#shun-design-demo .sd-issue-symbol{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--sd-orange-soft);color:var(--sd-orange)}#shun-design-demo .sd-issue p{font-size:12px;color:var(--sd-muted);margin-top:5px}#shun-design-demo .sd-issue small{color:var(--sd-muted)}#shun-design-demo .sd-issue-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}#shun-design-demo .sd-badge{display:inline-block;background:var(--sd-soft);font-size:11px;border-radius:5px;padding:2px 6px;color:var(--sd-muted);white-space:nowrap}#shun-design-demo .sd-badge.sd-warning{color:var(--sd-orange);background:var(--sd-orange-soft)}#shun-design-demo .sd-badge.sd-good{color:var(--sd-green);background:var(--sd-green-soft)}#shun-design-demo .sd-row-list{background:var(--sd-panel);border:1px solid var(--sd-line);border-radius:10px;overflow:hidden}#shun-design-demo .sd-table-head,#shun-design-demo .sd-device-row{display:grid;grid-template-columns:minmax(95px,1.35fr) minmax(65px,1fr) minmax(70px,1fr) minmax(65px,1fr) 48px;align-items:center;gap:10px;padding:12px 14px;font-size:12px}#shun-design-demo .sd-table-head{background:var(--sd-soft);color:var(--sd-muted);font-size:11px}#shun-design-demo .sd-device-row{border-top:1px solid var(--sd-line)}#shun-design-demo .sd-device-row small{display:block;color:var(--sd-muted);margin-top:2px}#shun-design-demo .sd-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px;font-size:12px}#shun-design-demo .sd-update-hero{display:flex;align-items:center;gap:15px;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}#shun-design-demo .sd-update-hero p{font-size:12px;color:var(--sd-muted);margin-top:5px}#shun-design-demo .sd-release-version{font-size:28px;letter-spacing:-1px;margin:7px 0}#shun-design-demo .sd-update-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}#shun-design-demo .sd-flow-step{padding-top:10px;border-top:3px solid var(--sd-line);font-size:11px;color:var(--sd-muted)}#shun-design-demo .sd-flow-step.is-done{border-top-color:var(--sd-green);color:var(--sd-text)}#shun-design-demo .sd-update-note{color:var(--sd-muted);font-size:12px;margin:15px 0}#shun-design-demo .sd-settings-grid{display:grid;gap:15px}#shun-design-demo .sd-setting-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--sd-line)}#shun-design-demo .sd-setting-line:last-child{border-bottom:0}#shun-design-demo .sd-setting-line p{font-size:12px;color:var(--sd-muted);margin-top:4px}#shun-design-demo .sd-toggle{accent-color:var(--sd-green);width:17px;height:17px;flex-shrink:0}#shun-design-demo .sd-readonly-note{font-size:12px;color:var(--sd-muted);background:var(--sd-soft);padding:11px 13px;border-radius:8px;margin-top:12px}#shun-design-demo .sd-scenario-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:14px 16px;background:var(--sd-panel);border:1px solid var(--sd-line);border-radius:12px 12px 0 0;font-size:12px}#shun-design-demo .sd-scenario-toolbar label{display:flex;gap:7px;align-items:center}#shun-design-demo .sd-scenario-toolbar select{background:var(--sd-bg);color:var(--sd-text);border:1px solid var(--sd-line);border-radius:6px;padding:6px;font-size:12px;max-width:170px}#shun-design-demo .sd-watch-toggle{margin-left:auto;color:var(--sd-muted)}#shun-design-demo .sd-watch-toggle input{accent-color:var(--sd-green)}#shun-design-demo .sd-desktop{min-height:565px;background:var(--sd-desktop);position:relative;padding:46px 20px 70px;border-radius:0 0 13px 13px;border:1px solid var(--sd-line);border-top:0;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}#shun-design-demo .sd-wallpaper-mark{position:absolute;right:7%;top:22%;color:var(--sd-blue);opacity:.15;font-size:100px;font-weight:600;letter-spacing:-6px;user-select:none}#shun-design-demo .sd-client-window{width:450px;max-width:100%;background:var(--sd-panel);border:1px solid var(--sd-line);border-radius:11px;position:relative;box-shadow:0 18px 55px var(--sd-shadow);overflow:hidden}#shun-design-demo .sd-client-titlebar{display:flex;gap:9px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--sd-line);font-size:12px}#shun-design-demo .sd-client-titlebar .sd-brand-logo{width:20px;height:20px;font-size:15px;border-radius:5px}#shun-design-demo .sd-window-close{background:none;border:0;display:grid;place-items:center;padding:4px;margin-left:auto;color:var(--sd-muted)}#shun-design-demo .sd-client-body{padding:27px 27px 23px}#shun-design-demo .sd-client-state{display:flex;gap:12px;align-items:flex-start;margin-bottom:21px}#shun-design-demo .sd-client-state-icon{width:38px;height:38px;border-radius:50%;background:var(--sd-green-soft);color:var(--sd-green);display:grid;place-items:center;flex-shrink:0}#shun-design-demo .sd-client-state-icon svg{width:21px;height:21px}#shun-design-demo .sd-client-state h2{font-size:18px;line-height:1.45;letter-spacing:-.2px}#shun-design-demo .sd-client-state p{font-size:12px;color:var(--sd-muted);margin-top:5px}#shun-design-demo .sd-client-facts{background:var(--sd-bg);padding:8px 13px;border-radius:9px}#shun-design-demo .sd-client-notice{font-size:12px;color:var(--sd-muted);margin-top:18px}#shun-design-demo .sd-client-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:20px}#shun-design-demo .sd-client-scope{font-size:12px;color:var(--sd-muted);padding-top:15px;margin-top:15px;border-top:1px solid var(--sd-line)}#shun-design-demo .sd-taskbar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 17px;background:var(--sd-panel);border-top:1px solid var(--sd-line);font-size:11px}#shun-design-demo .sd-taskbar-left,#shun-design-demo .sd-taskbar-right{display:flex;align-items:center;gap:13px}#shun-design-demo .sd-taskbar-right>span{color:var(--sd-muted)}#shun-design-demo .sd-taskbar button{background:var(--sd-soft);border:0;border-radius:5px;padding:5px;display:flex;gap:6px;align-items:center;color:var(--sd-green);font-size:11px}#shun-design-demo .sd-tray-mark{font-weight:600;font-size:16px;display:inline-grid;place-items:center;width:19px;height:19px;border-radius:4px;background:var(--sd-mint);color:var(--sd-mint-ink)}#shun-design-demo .sd-minimized-message{position:relative;margin-top:160px;padding:15px 20px;background:var(--sd-panel);border:1px solid var(--sd-line);border-radius:10px;text-align:center;font-size:12px;color:var(--sd-muted)}#shun-design-demo .sd-minimized-message strong{display:block;color:var(--sd-text);margin-bottom:4px}#shun-design-demo .sd-toast{position:absolute;top:57px;right:18px;max-width:calc(100% - 36px);z-index:70;background:var(--sd-text);color:var(--sd-panel);padding:11px 15px;border-radius:9px;box-shadow:0 8px 24px var(--sd-shadow);font-size:12px}#shun-design-demo .sd-modal-cover{position:absolute;inset:0;z-index:50;background:var(--sd-shadow);padding:75px 18px 24px;display:flex;justify-content:center;align-items:flex-start}#shun-design-demo .sd-modal{background:var(--sd-panel);border:1px solid var(--sd-line);border-radius:13px;padding:23px;width:440px;max-width:100%;box-shadow:0 20px 60px var(--sd-shadow)}#shun-design-demo .sd-modal h2{font-size:18px;margin-bottom:7px}#shun-design-demo .sd-modal p{font-size:12px;color:var(--sd-muted);margin:8px 0 15px}#shun-design-demo .sd-modal label{display:grid;gap:6px;font-size:12px;margin-top:15px}#shun-design-demo .sd-modal input,#shun-design-demo .sd-modal select{width:100%;background:var(--sd-bg);border:1px solid var(--sd-line);border-radius:7px;padding:9px 10px;color:var(--sd-text)}#shun-design-demo .sd-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:21px}#shun-design-demo .sd-modal ol{font-size:12px;margin:14px 0;padding-left:20px}#shun-design-demo .sd-modal li{margin-bottom:9px}#shun-design-demo .sd-update-target{display:flex;align-items:center;gap:8px;color:var(--sd-muted);font-size:12px;margin-top:14px}#shun-design-demo .sd-checklist{padding:0;list-style:none;font-size:12px}#shun-design-demo .sd-checklist li{display:flex;gap:8px;align-items:center;padding:8px 0}#shun-design-demo .sd-checklist svg{color:var(--sd-green);width:15px;height:15px}
@media(max-width:900px){#shun-design-demo .sd-owner{grid-template-columns:130px minmax(0,1fr)}#shun-design-demo .sd-main{padding:17px}#shun-design-demo .sd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#shun-design-demo .sd-header-note{display:none}#shun-design-demo .sd-device-info{padding:8px}#shun-design-demo .sd-focus-screen{aspect-ratio:4/3}#shun-design-demo .sd-full-app-body{padding:15px}#shun-design-demo .sd-sample-table th,#shun-design-demo .sd-sample-table td{padding:7px}}
@media(max-width:660px){#shun-design-demo .sd-demo-bar{padding-right:0;gap:10px}#shun-design-demo .sd-demo-title{width:100%}#shun-design-demo .sd-owner{grid-template-columns:1fr}#shun-design-demo .sd-sidebar{padding:12px;border-right:0;border-bottom:1px solid var(--sd-line);display:flex;flex-direction:row;gap:12px;align-items:center;flex-wrap:wrap}#shun-design-demo .sd-sidebar .sd-brand{padding:0;font-size:16px}#shun-design-demo .sd-sidebar .sd-brand-logo{width:25px;height:25px;font-size:18px}#shun-design-demo .sd-workspace,#shun-design-demo .sd-sidebar-bottom{display:none}#shun-design-demo nav{display:flex;gap:2px;flex:1;flex-wrap:wrap}#shun-design-demo nav button{padding:7px 8px;font-size:11px;gap:5px;min-height:32px}#shun-design-demo nav button>svg{width:14px;height:14px}#shun-design-demo .sd-nav-count{display:none}#shun-design-demo .sd-owner-header{height:38px;padding:0 15px}#shun-design-demo .sd-main{padding:16px 12px}#shun-design-demo .sd-page-head{margin-bottom:13px}#shun-design-demo h1{font-size:21px}#shun-design-demo .sd-grid,#shun-design-demo .sd-grid.sd-spacious{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#shun-design-demo .sd-counts{gap:11px}#shun-design-demo .sd-search{flex:1 1 150px;margin-left:0}#shun-design-demo .sd-attention{font-size:11px}#shun-design-demo .sd-detail-columns{grid-template-columns:1fr}#shun-design-demo .sd-focus-screen{aspect-ratio:4/3}#shun-design-demo .sd-full-app-body{padding:12px}#shun-design-demo .sd-sample-table{font-size:11px}#shun-design-demo .sd-sample-table th,#shun-design-demo .sd-sample-table td{padding:5px}#shun-design-demo .sd-full-dash-row{gap:6px;margin-bottom:10px}#shun-design-demo .sd-full-dash-row span{padding:8px}#shun-design-demo .sd-full-dash-row b{font-size:17px}#shun-design-demo .sd-issue{grid-template-columns:27px minmax(0,1fr);gap:9px;padding:13px}#shun-design-demo .sd-issue-actions{grid-column:2;flex-direction:row;justify-content:flex-end;align-items:center;flex-wrap:wrap}#shun-design-demo .sd-table-head{display:none}#shun-design-demo .sd-device-row{grid-template-columns:1fr 1fr;font-size:12px}#shun-design-demo .sd-device-row>button{justify-self:start}#shun-design-demo .sd-device-row>span:nth-child(4){text-align:right}#shun-design-demo .sd-update-flow{gap:5px}#shun-design-demo .sd-flow-step{font-size:11px}#shun-design-demo .sd-scenario-toolbar{gap:10px;padding:12px}#shun-design-demo .sd-watch-toggle{margin-left:0;width:100%}#shun-design-demo .sd-desktop{padding:30px 12px 65px;min-height:555px}#shun-design-demo .sd-client-body{padding:22px 19px}#shun-design-demo .sd-taskbar-right>span{display:none}#shun-design-demo .sd-taskbar-left>span{display:none}#shun-design-demo .sd-client-state h2{font-size:17px}}
@media(max-width:380px){#shun-design-demo nav button{padding:6px}#shun-design-demo nav button>svg{display:none}#shun-design-demo .sd-device-heading{align-items:flex-start;gap:4px}#shun-design-demo .sd-state{font-size:11px}#shun-design-demo .sd-device-sub{display:block}#shun-design-demo .sd-device-sub span{display:block}#shun-design-demo .sd-device-heading h3{font-size:12px}#shun-design-demo .sd-device-heading .sd-star{display:none}#shun-design-demo .sd-attention{align-items:flex-start}#shun-design-demo .sd-client-actions{flex-wrap:wrap}#shun-design-demo .sd-detail-toolbar .sd-toolbar-right{margin-left:0}#shun-design-demo .sd-full-dash-row{display:none}#shun-design-demo .sd-full-title{padding:7px;font-size:11px}}
@media(prefers-reduced-motion:reduce){#shun-design-demo *{transition:none!important}}
@media(pointer:coarse){#shun-design-demo button,#shun-design-demo select{min-height:44px}#shun-design-demo input{font-size:16px}}

html,body{margin:0;min-height:100%;background:#f4f7f6}button,a,select{cursor:pointer}a{color:inherit;text-decoration:none}.sd-owner{min-height:100vh!important}.sd-main{padding:28px!important}.sd-owner-header{height:62px!important}.sd-sidebar{min-height:100vh!important;position:sticky;top:0;height:100vh}.sd-main .sd-device-screen img{width:100%;height:100%;object-fit:contain;background:#0b1218;display:block}.sd-live-screen{aspect-ratio:16/9;background:#0b1218;position:relative;border-radius:12px;overflow:hidden}.sd-live-screen img{width:100%;height:100%;object-fit:contain}.sd-live-screen .sd-screen-empty,.sd-device-screen .sd-screen-empty{position:absolute;inset:0}.sd-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--sd-panel);border-radius:10px;font-size:13px}th,td{text-align:left;padding:14px 13px;border-bottom:1px solid var(--sd-line);white-space:nowrap}th{color:var(--sd-muted);font-weight:500}small{color:var(--sd-muted)}.sd-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.sd-section{margin-bottom:16px}.sd-issue{padding:18px;border:1px solid var(--sd-line);background:var(--sd-panel);border-radius:11px;margin:10px 0}.sd-issue p{margin:8px 0!important;color:var(--sd-muted)}.sd-events{list-style:none;padding:0}.sd-events li{padding:12px 0;border-bottom:1px solid var(--sd-line)}.sd-events p{font-size:12px;color:var(--sd-muted);margin-top:5px!important}.sd-empty{padding:60px 20px;text-align:center;color:var(--sd-muted)}#login{max-width:460px;margin:12vh auto;padding:32px}#login h1{font-size:38px;line-height:1.4;margin:24px 0}#login p{margin:16px 0;color:var(--sd-muted)}label{display:block}input:not([type=checkbox]),select{background:var(--sd-panel);border:1px solid var(--sd-line);border-radius:7px;color:var(--sd-text);padding:9px 11px}#login input,.sd-modal input{display:block;width:100%;margin:8px 0 18px}dialog.sd-modal{color:var(--sd-text);background:var(--sd-panel);border:1px solid var(--sd-line);border-radius:16px;padding:28px;max-width:520px;width:calc(100% - 40px);box-shadow:0 16px 100px #0004}dialog::backdrop{background:#071c2880}.sd-modal p{margin:12px 0!important;color:var(--sd-muted)}.sd-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}#error{position:fixed;bottom:18px;left:220px;right:20px;padding:12px 20px;border:1px solid #d78568;background:var(--sd-orange-soft);z-index:20;border-radius:9px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:50}.sd-notice{padding:12px 16px;background:var(--sd-soft);color:var(--sd-muted);border-radius:10px;font-size:12px;margin:16px 0}.sd-owner-body{min-width:0}.sd-card-tail button{font-size:18px}.sd-top-select{display:flex;gap:10px;align-items:center}.sd-muted{color:var(--sd-muted)}@media(min-width:1500px){.sd-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media(max-width:1000px){.sd-detail-layout{grid-template-columns:1fr}.sd-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:660px){.sd-sidebar{height:auto;min-height:0!important;position:static}.sd-main{padding:16px!important}.sd-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sd-sidebar-bottom{display:none!important}#error{left:15px}.sd-owner-header{padding:12px!important}}
@media(min-width:661px){#shun-design-demo .sd-owner{grid-template-columns:190px minmax(0,1fr)}#shun-design-demo .sd-sidebar{width:190px}#shun-design-demo .sd-sidebar nav button{font-size:13px}#shun-design-demo .sd-sidebar-bottom{font-size:12px}}#shun-design-demo .sd-search input{padding:0;border:0;background:transparent}#shun-design-demo .sd-device-heading h3{font-size:13px}#shun-design-demo .sd-device-sub{font-size:12px}#shun-design-demo .sd-state{font-size:12px}#shun-design-demo .sd-brand{font-size:22px}#shun-design-demo .sd-kv{font-size:13px}#shun-design-demo .sd-section h2{margin-bottom:12px}