.device-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;margin:0 0 28px;border:1px solid #dce3f1;border-radius:17px;background:#eaf0fb}
.device-tab{position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:64px;padding:13px 18px;border:1px solid transparent;border-radius:12px;color:#697995;text-decoration:none;transition:background .16s,color .16s,box-shadow .16s}
.device-tab:hover{background:#f7f9ff;color:#294cda}.device-tab:focus-visible{outline:3px solid #91a8ff;outline-offset:3px}
.device-tab-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#dfe7f6;color:#7486aa;flex-shrink:0}.device-tab-icon svg{width:23px;height:23px}
.device-tab-name{font-size:17px;font-weight:700;white-space:nowrap}
.device-tab-badge{display:none;margin-left:auto;white-space:nowrap;padding:5px 9px;border-radius:6px;background:rgba(255,255,255,.19);font-size:11px;font-weight:600}
.device-tab.is-active{background:#3158ed;border-color:#3158ed;color:white;box-shadow:0 4px 12px #3158ed26}
.device-tab.is-active .device-tab-icon{background:#ffffff24;color:white}.device-tab.is-active .device-tab-badge{display:inline-block}
.device-sync-hub{margin:8px 0 24px;padding:15px 18px;border:1px solid #e3e9f4;border-radius:13px;background:#fff}
.shared-folder-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#405b99;text-decoration:none}.shared-folder-link:hover{color:#3158ed}.shared-folder-link svg{width:18px;height:18px}.shared-folder-link>span{display:flex}
.sync-control-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:12px;color:#667796}
.sync-control-row #syncStatusLabel{flex:1;min-width:180px}.sync-control-row button{border:1px solid #e1e6f0;border-radius:8px;padding:8px 12px;background:white;color:#40537a;cursor:pointer}.sync-control-row button:disabled{opacity:.45;cursor:default}
.sync-explanation{margin:10px 0 0;font-size:11px;color:#8995ab;line-height:1.7}
@media(max-width:760px){.device-tabs{margin-bottom:22px;padding:5px;gap:5px;border-radius:14px}.device-tab{gap:8px;padding:12px 10px;min-height:78px;flex-wrap:wrap;align-content:center;border-radius:10px}.device-tab-icon{width:28px;height:28px;border-radius:8px}.device-tab-icon svg{width:19px;height:19px}.device-tab-name{font-size:15px}.device-tab-badge{flex-basis:100%;margin:0;padding:0 0 0 36px;background:none;font-size:10px;line-height:1.2}.device-tab:not(.is-active):after{content:'点击切换';flex-basis:100%;padding-left:36px;font-size:10px;line-height:1.2;color:#8796b0}.device-sync-hub{padding:13px;margin-bottom:18px}.sync-control-row{gap:8px}.sync-control-row #syncStatusLabel{flex-basis:100%}}

@media(max-width:760px){.device-tab{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;padding:12px 4px;min-height:104px}.device-tab-name{font-size:13px}.device-tab-badge{flex-basis:auto;margin:0;padding:0;line-height:1.4}.device-tab:not(.is-active):after{flex-basis:auto;padding:0;font-size:10px;line-height:1.4}}