body{background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}.pc-layout{width:1200px;height:709px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;overflow:hidden}.pc-header{width:100%;height:54px;background:#fff;border-bottom:1px solid #eaeaea;flex-shrink:0}.pc-header-content{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.pc-title{font-size:18px;color:#333;font-weight:500;text-align:center}.pc-close{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#999;font-size:18px;transition:color .3s;cursor:pointer}.pc-close:hover{color:#333}.pc-container{width:100%;flex:1;display:flex;background:#f5f7fa;min-height:0;overflow:hidden}.pc-sidebar{width:241px;background:#fff;padding-top:10px;border-right:1px solid #eaeaea;flex-shrink:0;overflow-y:auto}.pc-menu-item{height:50px;padding:0 30px;display:flex;align-items:center;font-size:14px;color:#666;cursor:pointer;transition:all .3s;gap:10px}.pc-menu-item:hover{background-color:#f9f9f9;color:#333}.pc-menu-item.active{color:#409eff;background-color:#f0f7ff;font-weight:500;border-right:3px solid #409eff}.pc-menu-item.danger{color:#f56c6c}.pc-menu-item.danger:hover{background-color:#fef0f0}.pc-divider{height:1px;background-color:#eaeaea;margin:10px 0}.pc-content{flex:1;background:#fff;padding:20px 40px;overflow-y:auto;height:100%;scrollbar-width:thin;scrollbar-color:#ddd transparent}.pc-content::-webkit-scrollbar{width:6px}.pc-content::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}.pc-section{margin-bottom:30px}.pc-section-header{font-size:16px;color:#333;font-weight:500;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.pc-card{background:#fff;border-radius:0;padding:0}.pc-basic-info{background:#f9f9f9;padding:20px;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.info-row{display:flex;align-items:center;font-size:14px;color:#666}.info-row .label{color:#999;margin-right:8px}.info-row .value{color:#333}.info-row .value.bold{font-weight:600}.pc-bind-card{display:flex;flex-direction:column;gap:16px}.bind-item{display:flex;align-items:center;padding:20px;background:#f9f9f9;border-radius:8px;transition:background .2s}.bind-item:hover{background:#f0f2f5}.bind-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#409eff;margin-right:20px}.bind-details{flex:1}.bind-name{font-size:16px;color:#333;font-weight:500;margin-bottom:6px}.bind-desc{font-size:13px;color:#999}.pc-btn{padding:8px 24px;border-radius:4px;font-size:14px;cursor:pointer;border:none;transition:all .3s}.pc-btn-primary{background:#409eff;color:#fff}.pc-btn-primary:hover{background:#66b1ff}.pc-btn-secondary{background:#a0cfff;color:#fff}.pc-btn-secondary:hover{background:#b3d8ff}.pc-btn:hover{opacity:1;transform:translateY(-1px)}.pc-table-card{padding:0;border:1px solid #eee;border-radius:8px;overflow:hidden}.pc-table{width:100%;border-collapse:collapse}.pc-table th,.pc-table td{padding:16px 24px;text-align:left;border-bottom:1px solid #f0f0f0}.pc-table th{background:#fafafa;color:#666;font-weight:600;font-size:14px}.pc-table td{color:#333;font-size:14px}.pc-table tbody tr:last-child td{border-bottom:none}.pc-pagination{padding:16px 24px;display:flex;justify-content:flex-end;gap:8px}.pc-page-btn{padding:4px 12px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px;transition:all .3s}.pc-page-btn:hover:not(:disabled){border-color:#409eff;color:#409eff}.pc-page-btn.active{background:#409eff;color:#fff;border-color:#409eff}.pc-page-btn:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed}