.resource-workspace{display:grid;grid-template-columns:218px minmax(0,1fr);gap:22px;align-items:start}.resource-directory{background:#f0f6ff;border:1px solid #dde8fb;border-radius:12px;padding:17px;position:sticky;top:90px}.resource-directory h3{font-size:14px;margin:0 0 12px}.resource-directory a{display:block;padding:11px 12px;border-radius:7px;color:#46658b;font-size:13px;text-decoration:none;margin:3px 0}.resource-directory a.active,.resource-directory a:hover{background:#e2edff;color:#355fba}.resource-directory small{display:block;color:#6c82a2;font-size:10px;margin-top:4px}.resource-directory .hint{font-size:11px;line-height:1.8;margin-top:18px}.resource-main{min-width:0}.resource-main .filters{flex-wrap:wrap}.resource-main .filters input[name=q]{min-width:220px;flex:1}.resource-main .select{max-width:210px}.resource-list{padding:0 20px}.resource-row{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #e5edfb;padding:22px 3px;text-decoration:none;color:#35577f}.resource-row:last-child{border-bottom:0}.resource-row:hover{background:#f6f9ff}.resource-row strong{display:block;font-size:15px;color:#2c4f81;margin:5px 0;overflow-wrap:anywhere}.resource-row p{font-size:12px;color:#687e9f;margin:8px 0;line-height:1.7;white-space:pre-line}.resource-row small{display:block;color:#6d82a3;font-size:11px;margin-top:7px}.resource-row>div:last-child:not(:first-child){text-align:right;flex-shrink:0}.resource-type{font-size:10px;color:#456bc5;background:#eaf2ff;padding:3px 7px;border-radius:4px}.resource-pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;font-size:12px;color:#6e82a1;margin-top:18px}.resource-status{display:inline-block;font-size:11px;border-radius:5px;background:#edf2fa;color:#647894;padding:4px 9px;white-space:nowrap}.resource-published,.resource-ready,.resource-succeeded{background:#e8f6ef;color:#2c7956}.resource-review,.resource-pending,.resource-running{background:#fff4dd;color:#8d6616}.resource-withdrawn,.resource-blocked,.resource-failed{background:#ffeded;color:#b34b55}.resource-returned,.resource-rolled_back{background:#f5ecff;color:#8260a8}.resource-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:#677e9c;margin-bottom:20px}.resource-callout,.resource-notice{background:#edf4ff;border:1px solid #d9e6fb;border-radius:9px;padding:14px 18px;margin:16px 0 20px;font-size:13px;color:#496b9a;display:flex;align-items:center;justify-content:space-between;gap:15px}.resource-notice{background:#fff8eb;border-color:#eeddb9;color:#88652c}.resource-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.resource-detail-grid>section,.resource-detail-grid>aside{min-width:0}.resource-detail-grid .panel{margin-bottom:22px}.resource-body{padding:24px 27px;font-size:14px;line-height:1.85;overflow-wrap:anywhere;color:#344f75}.resource-body p{margin:7px 0;white-space:pre-wrap}.resource-body h2{font-size:20px;margin:25px 0 12px}.resource-body h3{font-size:17px;margin:22px 0 10px}.resource-body h4{font-size:15px;margin:18px 0 9px}.resource-body pre,.resource-text-preview{background:#f0f5fd;border:1px solid #dde7f7;padding:16px;border-radius:8px;overflow:auto;white-space:pre-wrap;font:12px/1.8 Consolas,monospace}.resource-body img{max-width:100%;max-height:620px;height:auto;border:1px solid #e2ebf8;border-radius:7px}.resource-body figure{margin:18px 0}.resource-body figcaption{font-size:11px;color:#6c819f}.resource-paragraph-gap{height:9px}.resource-note{padding:17px 20px;font-size:12px;line-height:1.85;color:#627999}.resource-note p{margin:8px 0;overflow-wrap:anywhere;white-space:pre-line}.resource-note small{display:block;font-size:10px;color:#788ca8}.resource-history{padding:8px 15px}.resource-history a{display:flex;gap:8px;flex-wrap:wrap;align-items:center;text-decoration:none;padding:13px 6px;border-bottom:1px solid #e6edf8;font-size:12px;color:#436490}.resource-history a.active{background:#f0f6ff}.resource-history small{flex-basis:100%;font-size:10px;color:#7386a3;white-space:pre-line}.resource-files{padding:0 20px}.resource-file{display:flex;flex-wrap:wrap;gap:13px;justify-content:space-between;border-bottom:1px solid #e6edf8;padding:18px 0}.resource-file:last-child{border:0}.resource-file>div:first-child{min-width:0;flex:1 1 250px}.resource-file strong{font-size:13px;color:#355783;overflow-wrap:anywhere}.resource-file small{display:block;font-size:10px;color:#6e82a1;line-height:1.7;margin:6px 0}.resource-file code{font:10px/1.6 Consolas,monospace;display:block;overflow-wrap:anywhere;color:#8291a9}.resource-file-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.resource-file-actions .button{font-size:11px}.resource-preview{padding:20px;text-align:center}.resource-preview img{max-width:100%;max-height:75vh;object-fit:contain}.resource-preview iframe{width:100%;height:70vh;border:1px solid #dae5f8;border-radius:8px}.resource-editor-tools{display:flex!important;gap:10px;flex-wrap:wrap;align-items:center}.resource-editor-tools small{display:block;width:100%;font-size:11px;color:#7084a2}#resource-body-editor{font-family:Consolas,'Microsoft YaHei',monospace;font-size:13px;line-height:1.8;min-height:270px}#resource-upload-progress,#resource-inline-progress{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:12px;color:#426899}.resource-grant{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid #e7eefb;font-size:12px}.resource-grant>span{flex:1}.resource-release-header{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.resource-release-header h2{font-size:20px;color:#315685;margin:0 0 10px}.resource-release-header p{font-size:12px;line-height:1.7;color:#7085a3}.resource-release-header>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.resource-deployment{padding:16px 0;border-bottom:1px solid #e3ebf9}.resource-deployment:last-child{border:0}.resource-deployment .button{margin:4px 6px 4px 0}.resource-deployment>small{margin-top:8px}.resource-detail-grid .button,.resource-release-header .button,.resource-workspace .button{min-height:38px}
@media(max-width:1200px){.resource-detail-grid{grid-template-columns:minmax(0,1fr) 260px}.resource-workspace{grid-template-columns:180px minmax(0,1fr);gap:15px}.resource-directory{padding:13px}.resource-body{padding:20px}.resource-release-header{flex-direction:column}.resource-release-header>div:last-child{justify-content:flex-start}}
@media(max-width:767px){.resource-workspace,.resource-detail-grid{display:block}.resource-directory{position:static;margin-bottom:15px;display:flex;overflow:auto;gap:6px;align-items:center;padding:9px}.resource-directory h3,.resource-directory .hint,.resource-directory small{display:none}.resource-directory a{white-space:nowrap;margin:0;font-size:12px;min-height:44px}.resource-list{padding:0 14px}.resource-row{gap:10px;padding:17px 0}.resource-row strong{font-size:14px}.resource-row>div:last-child:not(:first-child){max-width:95px}.resource-main .filters input[name=q]{width:100%;min-width:0;flex-basis:100%}.resource-main .select{flex:1;max-width:none;min-width:120px}.resource-main .button,.resource-detail-grid .button,.resource-release-header .button{min-height:44px}.resource-callout{display:block;line-height:1.8}.resource-callout .button{margin-top:10px}.resource-body{padding:18px;font-size:13px}.resource-files{padding:0 15px}.resource-file-actions{width:100%}.resource-file code{font-size:9px}.resource-meta{gap:8px}.resource-release-header h2{font-size:18px}}
