*{box-sizing:border-box}body{margin:0;background:#f4f6fa}.app-shell{min-height:100vh}.app-sider{box-shadow:4px 0 18px #1018281f}.brand{height:72px;display:flex;align-items:center;gap:12px;padding:0 20px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.brand .anticon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#1668dc;font-size:20px}.brand strong,.brand span{display:block}.brand span{margin-top:2px;font-size:12px;color:#ffffff8f}.app-header{min-height:72px;height:auto;padding:12px 28px;display:flex;align-items:center;border-bottom:1px solid #e6eaf0;box-shadow:0 1px #10182808;line-height:1.35}.app-header>div{min-width:0}.app-header h4{white-space:normal;line-height:1.25}.app-header h4,.page-heading h3,.detail-header h3{margin:0}.app-content{padding:24px;overflow:auto}.full-width{width:100%}.page-heading,.detail-header,.detail-toolbar-inline{display:flex;align-items:center;justify-content:space-between;gap:16px}.search-card,.table-card,.section-card,.skin-list-card{border:1px solid #e6eaf0;box-shadow:0 10px 26px #1018280a}.status-select{width:180px}.ip-avatar{background:linear-gradient(135deg,#1668dc,#00a870);font-weight:700}.detail-tabs>.ant-tabs-nav{margin-bottom:16px;padding:0 18px;background:#fff;border:1px solid #e6eaf0;border-radius:8px}.skin-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.skin-list-card{position:sticky;top:16px}.skin-item{margin:0 -12px;padding:12px!important;border-radius:8px;cursor:pointer;border-block-end:0!important}.skin-item:hover{background:#f5f8ff}.skin-item.active{background:#eaf2ff;box-shadow:inset 3px 0 #1668dc}.skin-item-main{width:100%}.skin-detail{min-width:0}.muted-line{font-size:12px;color:#667085}.resource-card{height:100%;overflow:hidden}.resource-card-head{display:flex;justify-content:space-between;gap:12px;min-height:46px}.resource-preview{height:132px;margin:14px 0;border:1px dashed #c9d3e5;border-radius:8px;background:#f7f9fc;display:grid;place-items:center;overflow:hidden;position:relative}.resource-preview.full-body-preview{min-height:240px;height:auto;padding:12px;align-items:center}.resource-preview.uploaded{border-style:solid;background:linear-gradient(135deg,#1668dc1f,#00a8701f),#fff}.resource-image-button{width:100%;height:100%;min-height:inherit;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:zoom-in}.resource-image-preview{width:100%;height:auto;object-fit:contain;display:block;max-width:100%;max-height:300px}.resource-preview:not(.full-body-preview) .resource-image-preview{height:100%;max-height:100%}.resource-large-preview{max-height:76vh;display:grid;place-items:center;overflow:auto;border-radius:8px;background:#f7f9fc;border:1px solid #e6eaf0}.resource-large-preview img{display:block;max-width:100%;max-height:74vh;object-fit:contain;padding:12px}.empty-preview{display:flex;flex-direction:column;align-items:center;gap:8px;color:#98a2b3}.empty-preview .anticon{font-size:28px}.mock-preview{width:70px;height:70px;display:grid;place-items:center;border-radius:18px;color:#fff;font-size:22px;font-weight:700;background:linear-gradient(135deg,#1668dc,#00a870);box-shadow:0 18px 32px #1668dc33}.score-row{margin-bottom:8px}.portrait-panel{padding:16px;border-radius:8px;background:linear-gradient(180deg,#ffffffe0,#f7fafff5),#f7f9fc;border:1px solid #e6eaf0}.portrait-config-panel{margin-top:18px;padding:16px;border-radius:8px;background:#fbfcff;border:1px solid #e6eaf0}.portrait-config-panel .ant-form-item{margin-bottom:0}.portrait-config-panel .ant-radio-button-wrapper{min-width:68px;text-align:center}.radar-card{display:flex;flex-direction:column;align-items:center;gap:8px}.radar-head{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 2px 0}.radar-head h5{margin:2px 0 0;color:#101828}.radar-chip{flex:0 0 auto;padding:4px 8px;border-radius:6px;color:#1668dc;background:#eaf2ff;border:1px solid #cfe1ff;font-size:12px;font-weight:600}.radar-chart{width:min(100%,360px);height:auto;display:block;margin-top:-6px}.radar-halo{fill:#1668dc09;stroke:#1668dc14}.radar-grid{fill:#ffffff29;stroke:#d8e3f2;stroke-width:1}.radar-grid.muted{fill:#1668dc09}.radar-grid.outer{fill:#ffffff0a;stroke:#a9bdd7;stroke-width:1.2}.radar-axis{stroke:#d4deec;stroke-width:1}.radar-area{fill:url(#radarGlow);stroke:none}.radar-line{fill:none;stroke:url(#radarStroke);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.radar-dot-glow{fill:#1668dc21}.radar-dot{fill:#fff;stroke:#1668dc;stroke-width:2}.radar-label{fill:#344054;font-size:12px;font-weight:700}.radar-score{fill:#1668dc;font-size:11px;font-weight:700}.radar-scale{fill:#98a2b3;font-size:10px}.radar-summary{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.radar-summary span{padding:6px 8px;border-radius:6px;background:#fff;color:#667085;font-size:12px;text-align:center}.radar-summary span.active{color:#1668dc;background:#eaf2ff;box-shadow:inset 0 0 0 1px #cfe1ff}.radar-summary strong{color:#1668dc}.dialog-slider-row{margin-bottom:8px}.dialog-value-label{min-width:48px;padding:5px 10px;border-radius:6px;color:#1668dc;background:#eaf2ff;border:1px solid #cfe1ff;text-align:center;font-weight:700}.dialog-note{margin:12px 0 0;padding:10px 12px;border-radius:6px;background:#f7f9fc;border:1px solid #e6eaf0}.ant-card-head-title{font-weight:700}.ant-btn-link{padding-inline:2px}