.content:has(.content-manager-layout){height:calc(100vh - 42px);overflow:hidden;position:relative}
.content:has(.content-manager-layout)>.toolbar{height:48px;margin-bottom:14px}
.content-manager-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px;align-items:stretch;height:calc(100vh - 188px);min-height:330px;overflow:visible}
.content-category-panel{height:calc(100% + 48px);overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}
.content-category-panel>header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line)}
.content-category-panel>header b{font-size:0}.content-category-panel>header b:after{content:'栏目';font-size:13px}.content-category-panel>header small{color:#98a2b3;font-size:10px}
.content-tree{height:calc(100% - 52px);padding:8px;overflow:auto}
.content-tree button{display:flex;align-items:center;gap:7px;width:100%;min-height:37px;padding:6px 10px;border:0;border-radius:7px;background:transparent;color:#475467;text-align:left;font-size:12px}
.content-tree button:hover{background:#f3f6fb}.content-tree button.active{background:#eaf0ff;color:#2858cc;font-weight:700}
.content-tree button i{display:grid;place-items:center;width:18px;height:18px;flex:none;color:#7c8ca4;font-style:normal}
.content-tree button span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.content-tree button b{padding:2px 6px;border-radius:10px;background:#edf1f6;color:#718096;font-size:9px}.content-tree button.active b{background:#fff;color:#356ae6}
.content-list-panel{min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden}
.content-list-panel>.filters{position:absolute;left:20px;top:18px;width:320px;height:38px;margin:0;padding:0;border:0;box-shadow:none;background:transparent;z-index:3}.content-list-panel>.filters input{width:100%;min-width:0}.content-list-panel>.filters span{display:none}
.content-list-panel .table-wrap{overflow:auto;flex:1;min-height:0;border-radius:10px 10px 0 0;border-bottom:0}.content-list-panel table{min-width:820px}.content-list-panel thead{position:sticky;top:0;z-index:2}
.content-pagination{height:48px;margin:0 0 0 284px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:0 0 10px 10px;color:#475467;font-size:12px;box-shadow:0 4px 18px rgba(16,24,40,.04)}
.content-pagination>div{display:flex;align-items:center;gap:6px}.content-pagination select{height:32px;min-width:112px;margin-right:10px;padding:0 10px;border:1px solid #d9dee8;border-radius:6px;background:#fff;color:#475467}.content-pagination button{height:32px;min-width:32px;padding:0 9px;border:1px solid #e1e6ee;border-radius:4px;background:#f4f6f9;color:#344054}
.content-pagination button.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.content-pagination button:disabled{opacity:.45;cursor:not-allowed}.content-pagination button.ellipsis{opacity:1;border-color:transparent;background:#f0f2f5;color:#344054}.content-pagination label{display:flex;align-items:center;gap:6px;margin-left:12px;white-space:nowrap}.content-pagination input{width:56px;height:32px;padding:0 7px;text-align:center;border:1px solid #d9dee8;border-radius:5px;outline:none}
@media(max-width:1100px){.content-pagination>span{display:none}}@media(max-width:900px){.content:has(.content-manager-layout){height:auto;overflow:visible}.content-manager-layout{grid-template-columns:1fr;height:auto;overflow:visible}.content-category-panel{height:300px}.content-list-panel{height:600px}.content-pagination{margin-left:0;overflow:auto}.content-tree{max-height:none}}