.main-content.yf-key-route-active>.yf-key-route-native{display:none!important}.yf-key-route-host{display:block}.yf-key-page{min-height:calc(100vh - 80px);padding-bottom:40px;color:var(--text-primary,#1f2937)}.yf-key-container{width:min(1200px,calc(100% - 32px));margin:0 auto}.yf-key-page-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.yf-key-page-header h1{margin:0;font-size:24px;font-weight:700;color:var(--text-primary,#1f2937)}.yf-key-back{display:flex;align-items:center;gap:4px;padding:8px 14px;border-radius:var(--radius-sm,8px);background:#fff;color:var(--text-secondary,#64748b);box-shadow:var(--shadow-sm,0 2px 8px rgba(15,23,42,.06));font-size:13px;text-decoration:none;transition:all .2s}.yf-key-back:hover{color:var(--primary,#2563eb);box-shadow:var(--shadow,0 8px 24px rgba(15,23,42,.1))}.yf-key-status-card{display:flex;align-items:center;gap:18px;margin-bottom:20px;padding:24px;border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-lg,14px);background:#fff;box-shadow:var(--shadow-sm,0 2px 8px rgba(15,23,42,.06))}.yf-key-status-icon{display:flex;width:56px;height:56px;align-items:center;justify-content:center;flex:none;border-radius:var(--radius-sm,8px);background:rgba(37,99,235,.1);color:var(--primary,#2563eb)}.yf-key-status-copy{min-width:0;flex:1}.yf-key-status-copy>span{display:block;margin-bottom:3px;color:var(--text-light,#94a3b8);font-size:12px}.yf-key-status-copy strong{display:block;color:var(--text-primary,#1f2937);font-size:18px;font-weight:600}.yf-key-status-copy p{margin:4px 0 0;color:var(--text-light,#94a3b8);font-size:12px}.yf-key-status-badge{flex:none;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600}.yf-key-status-badge.is-success{background:rgba(34,197,94,.12);color:#22c55e}.yf-key-status-badge.is-warning{background:rgba(245,158,11,.12);color:#d97706}.yf-key-status-badge.is-danger{background:rgba(239,68,68,.1);color:#ef4444}.yf-key-status-badge.is-muted{background:var(--bg-secondary,#f8fafc);color:var(--text-light,#94a3b8)}.yf-key-card{overflow:hidden;margin-bottom:20px;padding:8px 0;border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-lg,14px);background:#fff;box-shadow:var(--shadow-sm,0 2px 8px rgba(15,23,42,.06))}.yf-key-card-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--border,#e5e7eb)}.yf-key-card-title h2{margin:0;color:var(--text-primary,#1f2937);font-size:16px;font-weight:600}.yf-key-card-title p{margin:4px 0 0;color:var(--text-light,#94a3b8);font-size:12px}.yf-key-inline-status{display:flex;align-items:center;gap:8px;color:#22c55e;font-size:13px;font-weight:500}.yf-key-inline-status i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}.yf-key-setting-row{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border,#e5e7eb);transition:background .2s}.yf-key-setting-row:hover{background:var(--bg-secondary,#f8fafc)}.yf-key-setting-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;flex:none;border-radius:var(--radius-sm,8px);background:rgba(37,99,235,.1);color:var(--primary,#2563eb)}.yf-key-setting-icon.is-secret{background:rgba(8,145,178,.1);color:var(--secondary,#0891b2)}.yf-key-setting-main{min-width:0;flex:1}.yf-key-setting-main h3{margin:0;color:var(--text-primary,#1f2937);font-size:15px;font-weight:600}.yf-key-setting-main p{margin:4px 0 9px;color:var(--text-light,#94a3b8);font-size:12px}.yf-key-setting-main code{display:block;max-width:100%;overflow-wrap:anywhere;padding:10px 12px;border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-sm,8px);background:var(--bg-secondary,#f8fafc);color:var(--text-primary,#1f2937);font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.yf-key-setting-main code.is-masked{color:var(--text-light,#94a3b8);letter-spacing:2px}.yf-key-setting-action{display:flex;gap:8px;flex:none}.yf-key-btn{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border:1px solid transparent;border-radius:var(--radius-sm,8px);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s}.yf-key-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.yf-key-btn-primary{background:linear-gradient(135deg,var(--primary,#2563eb),var(--secondary,#0891b2));color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.3)}.yf-key-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(37,99,235,.35)}.yf-key-btn-outline{border-color:var(--primary,#2563eb);background:transparent;color:var(--primary,#2563eb)}.yf-key-btn-outline:hover{background:var(--primary,#2563eb);color:#fff}.yf-key-btn-danger{border-color:rgba(239,68,68,.3);background:transparent;color:#ef4444}.yf-key-btn-danger:hover{border-color:#ef4444;background:rgba(239,68,68,.08)}.yf-key-btn-disabled{border-color:var(--border,#e5e7eb);background:var(--bg-secondary,#f8fafc);color:var(--text-light,#94a3b8)}.yf-key-empty{display:flex;min-height:320px;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;text-align:center}.yf-key-empty-icon{display:flex;width:64px;height:64px;align-items:center;justify-content:center;margin-bottom:16px;border-radius:50%;background:rgba(37,99,235,.1);color:var(--primary,#2563eb)}.yf-key-empty-icon.is-warning{background:rgba(245,158,11,.12);color:#d97706}.yf-key-empty h2{margin:0 0 8px;color:var(--text-primary,#1f2937);font-size:18px;font-weight:600}.yf-key-empty p{max-width:520px;margin:0 0 20px;color:var(--text-light,#94a3b8);font-size:13px;line-height:1.7}.yf-key-spinner{width:36px;height:36px;margin-bottom:16px;border:3px solid rgba(37,99,235,.15);border-top-color:var(--primary,#2563eb);border-radius:50%;animation:yf-key-spin .8s linear infinite}@keyframes yf-key-spin{to{transform:rotate(360deg)}}.yf-key-tips{margin:20px 24px 0;padding:20px;border:1px solid rgba(79,172,254,.15);border-radius:var(--radius-lg,14px);background:linear-gradient(135deg,#eff6ff 0%,#ecfdf5 100%)}.yf-key-tips-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.yf-key-tips-head span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;font-size:15px;font-weight:700}.yf-key-tips-head h3{margin:0;color:var(--text-primary,#1f2937);font-size:15px;font-weight:600}.yf-key-tips ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 22px;margin:0;padding:0;list-style:none}.yf-key-tips li{position:relative;padding-left:16px;color:var(--text-secondary,#64748b);font-size:13px;line-height:1.6}.yf-key-tips li:before{content:"";position:absolute;top:8px;left:0;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#4facfe,#43e97b)}.yf-key-footer-actions{display:flex;justify-content:flex-end;margin:20px 24px 12px;padding-top:20px;border-top:1px solid var(--border,#e5e7eb)}.yf-key-toast{position:fixed;z-index:10000;top:50%;left:50%;padding:12px 24px;border-radius:var(--radius,10px);background:rgba(26,26,46,.9);color:#fff;font-size:14px;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9);transition:all .25s}.yf-key-toast.is-show{opacity:1;transform:translate(-50%,-50%) scale(1)}.yf-key-entry{cursor:pointer}@media(max-width:768px){.yf-key-container{width:min(100% - 24px,1200px)}.yf-key-page-header{gap:12px;margin-bottom:16px}.yf-key-page-header h1{font-size:21px}.yf-key-back{padding:8px 10px}.yf-key-status-card{align-items:flex-start;gap:12px;padding:18px}.yf-key-status-icon{width:48px;height:48px}.yf-key-status-badge{margin-left:auto}.yf-key-card-title{align-items:flex-start;padding:16px 20px}.yf-key-setting-row{align-items:flex-start;flex-wrap:wrap;padding:16px 20px;gap:12px}.yf-key-setting-main{min-width:calc(100% - 60px)}.yf-key-setting-action{width:100%;padding-left:60px}.yf-key-setting-action .yf-key-btn{width:100%}.yf-key-secret-actions{display:grid;grid-template-columns:repeat(2,1fr)}.yf-key-tips{margin:16px 20px 0;padding:16px}.yf-key-tips ul{grid-template-columns:1fr}.yf-key-footer-actions{margin:16px 20px 10px}.yf-key-footer-actions .yf-key-btn{width:100%}.yf-key-empty{min-height:280px}}@media(max-width:480px){.yf-key-page-header{align-items:flex-start;flex-direction:column}.yf-key-status-card{flex-wrap:wrap}.yf-key-status-copy{min-width:calc(100% - 66px)}.yf-key-status-badge{margin-left:66px}.yf-key-card-title{flex-direction:column}.yf-key-setting-main{min-width:calc(100% - 60px)}.yf-key-setting-main code{font-size:12px}.yf-key-setting-action{padding-left:0}.yf-key-secret-actions{grid-template-columns:1fr 1fr}}