.user-role-entry[data-v-4a63e31e]{padding:15px}.entry-card[data-v-4a63e31e]{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;box-shadow:0 2px 12px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease}.entry-card[data-v-4a63e31e]:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.entry-card[data-v-4a63e31e]:active{transform:translateY(0)}.card-icon[data-v-4a63e31e]{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0}.icon[data-v-4a63e31e]{font-size:24px;color:#fff}.card-content[data-v-4a63e31e]{flex:1}.card-title[data-v-4a63e31e]{font-size:16px;font-weight:700;color:#333;margin-bottom:4px}.card-desc[data-v-4a63e31e]{font-size:14px;color:#666;line-height:1.4}.card-arrow[data-v-4a63e31e]{color:#ccc;font-size:16px}.user-role-demo[data-v-17110a7a]{min-height:100vh;background-color:#f5f5f5}.header[data-v-17110a7a]{display:flex;align-items:center;justify-content:space-between;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:0 15px;position:sticky;top:0;z-index:100}.header-left[data-v-17110a7a]{display:flex;align-items:center;cursor:pointer}.header-title[data-v-17110a7a]{font-size:18px;font-weight:700}.header-right[data-v-17110a7a]{width:24px}.demo-content[data-v-17110a7a]{padding:15px}.info-card[data-v-17110a7a]{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.info-title[data-v-17110a7a]{font-size:16px;font-weight:700;color:#333;margin-bottom:12px}.info-text[data-v-17110a7a]{font-size:14px;color:#666;line-height:1.6}.demo-section[data-v-17110a7a]{margin-bottom:20px}.section-title[data-v-17110a7a]{font-size:16px;font-weight:700;color:#333;margin-bottom:12px;padding-left:8px;border-left:4px solid #667eea}.button-group[data-v-17110a7a]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.demo-button[data-v-17110a7a]{margin-bottom:12px}.demo-button[data-v-17110a7a]:last-child{margin-bottom:0}.user-info-card[data-v-17110a7a]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.1);margin-bottom:12px}.info-row[data-v-17110a7a]{display:flex;align-items:center;margin-bottom:12px;font-size:14px}.info-row[data-v-17110a7a]:last-child{margin-bottom:0}.label[data-v-17110a7a]{color:#666;width:100px;flex-shrink:0}.value[data-v-17110a7a]{color:#333;font-weight:500;flex:1}.clear-button[data-v-17110a7a]{width:100%}.api-test[data-v-17110a7a]{margin-bottom:15px;display:flex;gap:10px;flex-wrap:wrap}.api-result[data-v-17110a7a],.api-test[data-v-17110a7a]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.result-title[data-v-17110a7a]{font-size:14px;font-weight:700;color:#333;margin-bottom:12px}.result-content[data-v-17110a7a]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px;font-size:12px;color:#333;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto}@media (max-width:375px){.demo-content[data-v-17110a7a]{padding:10px}.api-result[data-v-17110a7a],.api-test[data-v-17110a7a],.button-group[data-v-17110a7a],.info-card[data-v-17110a7a],.user-info-card[data-v-17110a7a]{padding:15px}.api-test[data-v-17110a7a]{flex-direction:column}}