:root{color:#18241f;font-synthesis:none;--green:#2f9b70;--green-dark:#1e7955;--text:#18241f;--muted:#758079;--line:#e4e9e6;--surface:#fff;--soft:#f4f7f5;--amber:#d9912d;background:#f5f7f6;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f5f7f6;min-width:1180px;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}.app-shell{grid-template-columns:228px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:28px 18px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:0 10px 30px;font-size:17px;display:flex}.brand-mark{width:34px;height:34px;color:var(--green-dark);background:#e4f3ec;border-radius:8px;place-items:center;display:grid}.main-nav{gap:5px;display:grid}.main-nav button{color:#65716a;text-align:left;border-radius:7px;align-items:center;gap:12px;height:42px;padding:0 12px;display:flex}.main-nav button:hover{color:#26332d;background:#f6f8f7}.main-nav button.active{color:#237c57;background:#eaf5ef;font-weight:600}.room-section{margin-top:30px}.section-label{color:#909992;justify-content:space-between;align-items:center;padding:0 9px 10px;font-size:12px;display:flex}.section-label button{place-items:center;display:grid}.room-row{text-align:left;border-radius:7px;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.room-row:hover,.room-row.selected{background:#f4f7f5}.room-dot{background:#59b991;border-radius:3px;width:6px;height:28px}.room-dot.warning{background:#e3a244}.room-row span:nth-child(2){gap:3px;display:grid}.room-row strong{font-size:13px}.room-row small{color:#9aa29d;font-size:11px}.room-row b{color:#5d6862;font-size:14px}.sidebar-profile{border-top:1px solid var(--line);grid-template-columns:36px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:18px 8px 3px;display:grid}.sidebar-profile>span{color:#fff;background:#263a31;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;display:grid}.sidebar-profile div{gap:2px;display:grid}.sidebar-profile strong{font-size:12px}.sidebar-profile small{color:#98a09b;font-size:10px}main{min-width:0;padding:30px 36px 36px}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar p{color:#8b958f;margin:0 0 5px;font-size:12px}.topbar h1{letter-spacing:0;margin:0;font-size:25px;font-weight:650;line-height:1.25}.header-actions{align-items:center;gap:8px;display:flex}.header-actions>button{border:1px solid var(--line);background:#fff;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.header-actions>button:hover{border-color:#c9d2cd}.sync-status{border:1px solid var(--line);color:#647068;background:#fff;border-radius:7px;align-items:center;gap:8px;height:38px;padding:0 13px;font-size:12px;display:flex}.sync-status i,.device-title p span{background:#39a779;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dff2e9}.notification{position:relative}.notification>i{background:#e59c35;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:9px}.updated{color:#9ca49f;justify-content:flex-end;align-items:center;gap:5px;margin-top:7px;font-size:11px;display:flex}.dashboard-grid{grid-template-columns:minmax(0,1fr) 338px;gap:24px;margin-top:9px;display:grid}.primary-column{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;overflow:hidden}.right-column{align-content:start;gap:14px;display:grid}.air-summary{border-bottom:1px solid var(--line);grid-template-columns:260px 1fr;align-items:center;min-height:252px;padding:24px 44px;display:grid}.gauge{background:conic-gradient(var(--gauge) var(--progress),#e9eeeb 0);border-radius:50%;place-items:center;width:190px;height:190px;display:grid;position:relative}.gauge:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:12px}.gauge-inner{z-index:1;text-align:center;display:grid}.gauge-inner span{color:#93a099;font-size:11px}.gauge-inner strong{font-size:54px;font-weight:620;line-height:1.05}.gauge-inner em{color:var(--green-dark);margin-top:5px;font-size:13px;font-style:normal}.summary-copy p{color:#8b958f;margin:0 0 8px;font-size:12px}.summary-copy h2{margin:0 0 17px;font-size:25px;font-weight:600}.summary-copy span{color:#607068;background:#f2f7f4;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:inline-flex}.metrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(6,1fr);padding:21px 24px;display:grid}.metric{border-right:1px solid var(--line);min-width:0;padding:0 14px}.metric:last-child{border:0}.metric-label{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.metric-label>span{color:#78847d;font-size:11px}.metric-label i{color:#27805b;background:#eaf6f0;border-radius:3px;padding:2px 5px;font-size:9px;font-style:normal}.metric-label i.warm{color:#9a6420;background:#fbf1df}.metric strong{font-size:21px;font-weight:620}.metric small{color:#99a29d;margin-left:4px;font-size:9px}.trend-panel{padding:24px 30px 21px}.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-heading h3{margin:0 0 5px;font-size:15px}.panel-heading p{color:#939c97;margin:0;font-size:11px}.tabs{background:#f1f4f2;border-radius:6px;padding:3px;display:flex}.tabs button{color:#78827c;border-radius:4px;padding:6px 10px;font-size:10px}.tabs button.selected{color:#22342b;background:#fff;box-shadow:0 1px 3px #17251f18}.chart-wrap{grid-template-rows:180px 18px;grid-template-columns:26px 1fr;margin-top:18px;display:grid}.chart-y{color:#a2aaa5;flex-direction:column;justify-content:space-between;padding:3px 5px 15px 0;font-size:9px;display:flex}.chart{width:100%;height:180px;overflow:visible}.chart line{stroke:#edf0ee;stroke-width:1px;vector-effect:non-scaling-stroke}.chart-x{color:#a1a9a4;grid-column:2;justify-content:space-between;font-size:9px;display:flex}.device-panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:20px;position:relative}.device-title{justify-content:space-between;align-items:flex-start;display:flex}.device-title p{color:#479576;align-items:center;gap:7px;margin:0 0 5px;font-size:10px;display:flex}.device-title h3{margin:0;font-size:15px}.device-title>button{color:#87918b}.purifier-visual{justify-content:center;align-items:flex-end;height:194px;display:flex;position:relative}.purifier-body{background:linear-gradient(90deg,#e8edeb,#fff 32%,#f4f6f5 80%);border:1px solid #e2e7e4;border-radius:19px 19px 12px 12px;width:105px;height:145px;position:relative;box-shadow:0 18px 30px #26352e1f}.purifier-top{z-index:2;background:repeating-radial-gradient(#8f9b95 0 1px,#e7ece9 2px 5px);border:5px solid #f5f7f6;border-radius:50%;width:98px;height:25px;position:absolute;bottom:132px}.purifier-display{color:#2a8b62;background:#e3f3ec;border-radius:8px;place-items:center;width:29px;height:18px;font-size:8px;display:grid;position:absolute;top:35px;left:50%;transform:translate(-50%)}.purifier-body>span{background:#4eb485;border-radius:50%;width:2px;height:2px;position:absolute;top:22px;left:51px}.purifier-grille{opacity:.65;background:repeating-linear-gradient(90deg,#dbe1de 0 1px,#0000 1px 5px);height:45px;position:absolute;bottom:14px;left:10px;right:10px}.air-lines{gap:13px;display:flex;position:absolute;bottom:154px}.air-lines i{background:linear-gradient(#4fb18a00,#4fb18a80);border-radius:3px;width:2px;height:32px;animation:1.8s ease-in-out infinite air}.air-lines i:nth-child(2){height:43px;animation-delay:.3s}.air-lines i:nth-child(3){animation-delay:.6s}.purifier-visual.off{filter:grayscale();opacity:.72}.purifier-visual.off .air-lines{display:none}.power-button{color:#89938d;background:#f1f3f2;border:1px solid #e5e9e7;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:absolute;top:93px;right:20px}.power-button.on{color:#25835c;background:#e3f4ec;border-color:#cce8db}.control-block{margin-top:15px}.control-block>label,.speed label{color:#858f89;margin-bottom:7px;font-size:10px;display:block}.mode-control{background:#f1f4f2;border-radius:6px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.mode-control button{color:#77827c;border-radius:4px;height:30px;font-size:11px}.mode-control button.selected{color:#1f3329;background:#fff;box-shadow:0 1px 3px #1c2e2518}.speed>div:first-child{justify-content:space-between;display:flex}.speed b{color:#3d7f63;font-size:10px}.speed input{width:100%;accent-color:var(--green);height:4px}.speed-labels{color:#a2aaa5;padding:3px 2px 0;font-size:9px;justify-content:space-between!important;display:flex!important}.filter-row{border-top:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin-top:17px;padding-top:16px;display:grid}.filter-icon{color:#44846a;background:#eef5f2;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.filter-row>div:nth-child(2){gap:2px;display:grid}.filter-row span{color:#89928d;font-size:10px}.filter-row strong{font-size:10px}.filter-row>b{color:#31825f;font-size:13px}.alert-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.alert-icon{color:#b47727;background:#fbf0df;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.alert-row>div:nth-child(2){gap:4px;display:grid}.alert-row strong{font-size:11px}.alert-row span{color:#949d97;font-size:9px}.alert-row button{color:#99a19c}.empty-alert{color:#8d9791;background:#fff;border:1px dashed #d7ded9;border-radius:8px;height:63px;font-size:11px}.toast{color:#fff;background:#1d3027;border-radius:6px;padding:10px 16px;font-size:12px;animation:.2s ease-out toast;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #15251d33}.spin{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes air{0%,to{opacity:.15;transform:translateY(8px)}50%{opacity:.8;transform:translateY(-5px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}}@media (width<=1280px){main{padding-left:26px;padding-right:26px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.air-summary{grid-template-columns:220px;padding-left:30px;padding-right:30px}.gauge{width:170px;height:170px}.metrics{padding-left:12px;padding-right:12px}.metric{padding:0 9px}.metric strong{font-size:18px}}.feature-main{background:#f5f7f6;padding:0}.workspace-page{min-height:100vh;padding:31px 38px 42px}.page-header{justify-content:space-between;align-items:flex-start;height:75px;display:flex}.page-header h1{margin:0 0 6px;font-size:25px;font-weight:650}.page-header p{color:#89938d;margin:0;font-size:12px}.primary-action,.secondary-action{border-radius:6px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.primary-action{color:#fff;background:#287e5c}.primary-action:hover{background:#206b4d}.secondary-action{border:1px solid var(--line);background:#fff}.content-surface{border:1px solid var(--line);background:#fff;border-radius:8px}.device-workspace{grid-template-columns:minmax(680px,1fr) 305px;gap:20px;display:grid}.device-list-panel{overflow:hidden}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:60px;padding:0 18px;display:flex}.toolbar>span{color:#8d9791;font-size:11px}.search{color:#8b958f;border:1px solid #dde4e0;border-radius:6px;align-items:center;gap:8px;width:245px;height:34px;padding:0 10px;display:flex}.search input{border:0;outline:0;width:100%;font-size:11px}.device-grid-row{grid-template-columns:2fr .9fr .8fr 1fr .7fr;align-items:center;column-gap:14px;display:grid}.table-head{color:#909994;border-bottom:1px solid var(--line);background:#f7f9f8;height:38px;padding:0 18px;font-size:10px}.device-data-row{text-align:left;border-bottom:1px solid #edf0ee;width:100%;min-height:76px;padding:0 18px;font-size:11px}.device-data-row:last-child{border-bottom:0}.device-data-row:hover,.device-data-row.selected{background:#f4f8f6}.device-data-row.selected{box-shadow:inset 3px 0 #3b9d76}.device-name{align-items:center;gap:10px;display:flex}.device-name>i{color:#3e886a;background:#eaf4ef;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.device-name>b{gap:3px;font-size:12px;display:grid}.device-name small{color:#909994;font-weight:400}.device-name em{color:#3a946f;font-style:normal}.quality-dot{background:#45a47e;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.quality-dot.amber{background:#dfa03f}.device-data-row>span:nth-child(4){grid-template-columns:32px 1fr;align-items:center;gap:7px;display:grid}.mini-progress{background:#e8edea;border-radius:4px;height:4px;overflow:hidden}.mini-progress u{background:#4ca47f;height:100%;text-decoration:none;display:block}.device-detail{padding:20px;position:relative}.detail-title{justify-content:space-between;display:flex}.detail-title span{color:#87928b;font-size:10px}.detail-title h3{margin:5px 0;font-size:15px}.device-detail .purifier-visual{height:220px}.detail-status{border-bottom:1px solid var(--line);color:#88928c;justify-content:space-between;padding:10px 0 15px;font-size:10px;display:flex}.detail-status span{align-items:center;gap:5px;display:flex}.detail-list{margin:0;padding:8px 0}.detail-list div{justify-content:space-between;padding:7px 0;font-size:10px;display:flex}.detail-list dt{color:#8e9792}.detail-list dd{margin:0;font-weight:600}.detail-power{border:1px solid #dfe5e1;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;height:38px;font-size:11px;display:flex}.detail-power.on{color:#ad4a43;background:#fff8f7;border-color:#efd8d4}.records-panel{overflow:hidden}.filter-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:66px;padding:0 20px;display:flex}.filter-toolbar label{color:#77837c;align-items:center;gap:7px;font-size:10px;display:flex}.filter-toolbar select,.select-setting select,.text-setting input,.text-setting select{color:#27342e;background:#fff;border:1px solid #dce3df;border-radius:5px;height:32px;padding:0 28px 0 9px;font-size:11px}.period-control{background:#f1f4f2;border-radius:6px;padding:3px;display:flex}.period-control button{border-radius:4px;height:26px;padding:0 10px;font-size:10px}.period-control button.selected{background:#fff;box-shadow:0 1px 3px #12221914}.date-range{color:#87928b;align-items:center;gap:7px;margin-left:auto;font-size:10px;display:flex}.record-summary{grid-template-columns:200px 1fr;gap:40px;padding:26px 28px 18px;display:grid}.record-summary>div:first-child{flex-direction:column;display:flex}.record-summary span{color:#88938d;font-size:10px}.record-summary strong{margin:12px 0 7px;font-size:26px}.record-summary small{color:#3f9a74;font-size:10px}.record-chart svg{width:100%;height:150px}.record-chart line{stroke:#edf1ef;stroke-width:1px}.record-chart polyline{fill:none;stroke:#4b9f7c;stroke-width:3px;vector-effect:non-scaling-stroke}.record-chart>div{justify-content:space-between;display:flex}.history-table{border-top:1px solid var(--line)}.history-row{border-bottom:1px solid #edf0ee;grid-template-columns:1.1fr repeat(6,1fr);align-items:center;min-height:48px;padding:0 28px;font-size:11px;display:grid}.history-row:last-child{border:0}.history-row.head{color:#87918b;background:#f7f9f8;min-height:36px;font-size:10px}.history-row small{color:#9ba39e;font-size:8px}.automation-layout{grid-template-columns:minmax(650px,1fr) 260px;gap:20px;display:grid}.automation-list{overflow:hidden}.list-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.list-heading h3{margin:0 0 3px;font-size:14px}.list-heading p{color:#8d9791;margin:0;font-size:10px}.automation-row{border-bottom:1px solid #edf0ee;grid-template-columns:42px 1fr auto 30px;align-items:center;gap:13px;padding:18px 20px;display:grid}.automation-row:last-child{border:0}.automation-icon{color:#348362;background:#eaf5ef;border-radius:7px;place-items:center;width:42px;height:42px;display:grid}.automation-icon.co2{color:#477eaa;background:#edf3f8}.automation-icon.home{color:#b1792c;background:#fbf0df}.automation-row>div:nth-child(2){gap:4px;display:grid}.automation-row strong{font-size:12px}.automation-row p{color:#7e8982;margin:0;font-size:10px}.automation-row span{color:#47a07a;align-items:center;gap:4px;font-size:9px;display:flex}.switch{width:36px;height:20px;position:relative}.switch input{opacity:0;position:absolute}.switch i{background:#d8dedb;border-radius:12px;transition:all .2s;position:absolute;inset:0}.switch i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #13231b33}.switch input:checked+i{background:#439b77}.switch input:checked+i:after{transform:translate(16px)}.delete-rule{color:#a1aaa5;opacity:0}.automation-row:hover .delete-rule{opacity:1}.automation-stats{align-content:start;gap:14px;display:grid}.automation-stats>div{gap:7px;padding:19px;display:grid}.automation-stats svg{color:#3e8e6d}.automation-stats span{color:#7f8a83;font-size:10px}.automation-stats strong{font-size:19px}.automation-stats small{color:#98a19c;font-size:9px}.modal-backdrop{z-index:10;background:#14261e66;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:470px;padding:22px;box-shadow:0 20px 70px #12221944}.modal-title{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-title h3{margin:0;font-size:17px}.modal>label{color:#6f7c75;gap:7px;font-size:11px;display:grid}.modal>label input{border:1px solid #dce3df;border-radius:6px;outline:0;height:38px;padding:0 11px}.modal>label input:focus{border-color:#419574}.builder-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:14px;display:grid}.builder-row>div{border:1px solid #e0e6e2;border-radius:6px;gap:4px;padding:10px;display:grid}.builder-row span,.builder-row>b{color:#8b958f;font-size:9px}.builder-row strong{font-size:10px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.modal-actions>button:first-child{height:38px;padding:0 14px;font-size:11px}.settings-layout{grid-template-columns:170px minmax(600px,850px);gap:20px;display:grid}.settings-nav{align-content:start;gap:4px;display:grid}.settings-nav button{text-align:left;color:#65716a;border-radius:6px;height:39px;padding:0 12px;font-size:11px}.settings-nav button.selected{color:#267c58;background:#e7f2ec;font-weight:600}.settings-content{padding:24px}.settings-heading{border-bottom:1px solid var(--line);padding-bottom:18px}.settings-heading h3{margin:0 0 5px;font-size:15px}.settings-heading p{color:#8b958f;margin:0;font-size:10px}.setting-row,.number-setting,.select-setting{border-bottom:1px solid #edf0ee;align-items:center;min-height:73px;display:flex}.setting-row>div{flex:1}.setting-row strong,.number-setting strong,.select-setting b{font-size:11px}.setting-row p,.number-setting p,.select-setting small{color:#8d9791;margin:5px 0 0;font-size:9px;display:block}.number-setting{grid-template-columns:38px 1fr 90px 55px;gap:10px;display:grid}.number-setting>span{color:#3c8968;background:#eaf4ef;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.number-setting>span svg{width:17px}.number-setting input{border:1px solid #dce3df;border-radius:5px;width:90px;height:32px;padding:0 8px}.number-setting>b{color:#7d8881;font-size:10px}.threshold-note{color:#3c8567;background:#eff6f2;border-radius:6px;align-items:center;gap:7px;margin-top:16px;padding:11px;font-size:10px;display:flex}.select-setting{justify-content:space-between}.danger-action{color:#a8443d;background:#fff8f7;border:1px solid #ecd5d1;border-radius:6px;height:36px;margin-top:20px;padding:0 13px;font-size:10px}.text-setting{border-bottom:1px solid #edf0ee;grid-template-columns:120px 1fr;align-items:center;min-height:66px;font-size:11px;display:grid}.text-setting input,.text-setting select{width:260px}.feature-main .toast{z-index:20}@media (width<=1280px){.workspace-page{padding-left:26px;padding-right:26px}.device-workspace{grid-template-columns:minmax(610px,1fr) 280px}.device-grid-row{grid-template-columns:1.7fr .8fr .7fr .9fr .7fr}.automation-layout{grid-template-columns:minmax(600px,1fr) 230px}}.product-intro{background:#eef6f2;border:1px solid #dbeae2;border-radius:8px;grid-template-columns:38px minmax(320px,1fr) auto;align-items:center;gap:13px;min-height:78px;margin:10px 0 18px;padding:14px 16px;display:grid}.intro-mark{color:#2f8865;background:#fff;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.product-intro strong{font-size:13px}.product-intro p{color:#65746c;max-width:660px;margin:4px 0 0;font-size:10px;line-height:1.7}.process{align-items:center;gap:8px;display:flex}.process span{color:#376e58;white-space:nowrap;background:#fff;border:1px solid #dbe8e1;border-radius:4px;padding:6px 8px;font-size:9px}.process i{background:#83b49f;width:15px;height:1px;position:relative}.process i:after{content:"";border-top:2px solid #0000;border-bottom:2px solid #0000;border-left:4px solid #83b49f;position:absolute;top:-2px;right:0}.box-panel{padding-bottom:18px}.overview-box-image{object-fit:cover;border-radius:6px;width:100%;height:198px;margin:16px 0 12px;display:block}.overview-life{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:11px 0;display:flex}.overview-life>div:last-child{gap:3px;display:grid}.overview-life strong{font-size:11px}.overview-life p{color:#89938d;margin:0;font-size:9px}.life-ring{background:conic-gradient(#43a079 var(--life),#e7ece9 0);border-radius:50%;flex:none;place-items:center;width:74px;height:74px;display:grid;position:relative}.life-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.life-ring span{z-index:1;text-align:center;color:#76817b;font-size:9px;display:grid;position:relative}.life-ring span b{color:#1e3027;font-size:20px}.life-ring.small{width:58px;height:58px}.life-ring.small span b{font-size:16px}.box-facts{color:#737f78;justify-content:space-between;padding:12px 0;font-size:9px;display:flex}.box-facts span{align-items:center;gap:5px;display:flex}.replace-action{color:#287c59;background:#e8f3ee;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;height:38px;font-size:11px;font-weight:600;display:flex}.replace-action:hover{background:#dcece4}.box-workspace{grid-template-columns:minmax(690px,1fr) 305px;gap:20px;display:grid}.product-catalog{overflow:hidden}.product-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.product-card{text-align:left;border-bottom:1px solid #edf0ee;border-right:1px solid #edf0ee;min-width:0;padding:14px}.product-card:nth-child(3n){border-right:0}.product-card:nth-last-child(-n+3){border-bottom:0}.product-card:hover,.product-card.selected{background:#f3f8f5}.product-card.selected{box-shadow:inset 0 3px #3f9a75}.product-card img{aspect-ratio:1;object-fit:cover;border-radius:5px;width:100%;display:block}.product-card>div{padding:10px 2px 1px}.product-card>div>span{font-size:11px;font-weight:650}.product-card p{color:#829089;align-items:center;gap:4px;margin:5px 0 10px;font-size:9px;display:flex}.life-line{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.life-line>i{background:#e5ebe8;border-radius:4px;height:4px;overflow:hidden}.life-line u{background:#4aa17c;height:100%;text-decoration:none;display:block}.life-line b{color:#408467;white-space:nowrap;font-size:9px}.life-line b.urgent{color:#b57628}.box-detail{padding:20px}.box-detail-image{aspect-ratio:1.35;object-fit:cover;border-radius:6px;width:100%;margin:14px 0}.box-life{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:4px 0 14px;display:flex}.box-life>div:last-child{gap:4px;display:grid}.box-life strong{font-size:11px}.box-life p,.box-life small{color:#87928b;margin:0;font-size:9px}.box-detail .detail-list dd{text-align:right;max-width:160px;line-height:1.5}.box-detail .replace-action{margin-top:8px}@media (width<=1280px){.product-intro{grid-template-columns:38px 1fr}.process{grid-column:2}.box-workspace{grid-template-columns:minmax(650px,1fr) 280px}.product-card{padding:11px}.product-card>div>span{font-size:10px}}.sync-ok{color:#2c825f}.sync-off{color:#b05c45}