.skill-monitor-panel{position:fixed;right:0;top:0;width:400px;height:100vh;background:#fff;box-shadow:-2px 0 8px #0000001a;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.skill-monitor-panel__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));background:var(--bg-secondary, rgba(30, 41, 59, .8))}.skill-monitor-panel__title{display:flex;align-items:center;gap:8px}.skill-monitor-panel__title h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #ffffff)}.skill-monitor-panel__icon{font-size:20px}.skill-monitor-panel__actions{display:flex;gap:8px}.skill-monitor-panel__refresh-btn,.skill-monitor-panel__close-btn{background:none;border:none;cursor:pointer;font-size:20px;padding:6px 12px;color:var(--text-secondary, rgba(255, 255, 255, .7));transition:all .2s;border-radius:4px}.skill-monitor-panel__refresh-btn:hover,.skill-monitor-panel__close-btn:hover{color:var(--text-primary, #ffffff);background:var(--bg-hover, rgba(255, 255, 255, .1))}.skill-monitor-panel__stats{display:flex;gap:20px;padding:16px 24px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));background:var(--bg-secondary, rgba(30, 41, 59, .6));flex-wrap:wrap}.skill-monitor-panel__stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.skill-monitor-panel__stat-label{font-size:12px;color:#666}.skill-monitor-panel__stat-value{font-size:18px;font-weight:600;color:#333}.skill-monitor-panel__stat-value--success{color:var(--skill-monitor-success, #52c41a)}.skill-monitor-panel__stat-value--warning{color:var(--skill-monitor-warning, #faad14)}.skill-monitor-panel__stat-value--error{color:var(--skill-monitor-error, #ff4d4f)}.skill-monitor-panel__search{padding:16px 24px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));position:relative}.skill-monitor-panel__search-input{width:100%;padding:12px 40px 12px 16px;border:1px solid var(--border-color, rgba(255, 255, 255, .2));border-radius:6px;font-size:16px;background:var(--bg-overlay, rgba(255, 255, 255, .1));color:var(--text-primary, #ffffff);transition:all .2s}.skill-monitor-panel__search-input:focus{outline:none;border-color:var(--color-primary, #818cf8);box-shadow:0 0 0 3px #818cf833;background:var(--bg-overlay, rgba(255, 255, 255, .15))}.skill-monitor-panel__search-input::placeholder{color:var(--text-tertiary, rgba(255, 255, 255, .5))}.skill-monitor-panel__search-clear{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;color:#999;padding:4px;line-height:1}.skill-monitor-panel__search-clear:hover{color:#333}.skill-monitor-panel__filters{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #e0e0e0;overflow-x:auto}.skill-monitor-panel__filter-btn{padding:6px 12px;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap;transition:all .2s}.skill-monitor-panel__filter-btn:hover{border-color:var(--color-primary, #818cf8);color:var(--text-primary, #ffffff);background:var(--bg-hover, rgba(255, 255, 255, .15))}.skill-monitor-panel__filter-btn.active{background:var(--color-primary, #818cf8);border-color:var(--color-primary, #818cf8);color:var(--text-primary, #ffffff)}.skill-monitor-panel__content{flex:1;overflow-y:auto;padding:16px}.skill-monitor-panel__empty{text-align:center;padding:40px 20px;color:#999}.skill-monitor-panel__last-update{font-size:12px;margin-top:8px;color:#ccc}.skill-activation-list{display:flex;flex-direction:column;gap:12px}.skill-activation-item{padding:12px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .3s ease;background:#fff;overflow:hidden}.skill-activation-item:hover{border-color:#40a9ff;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.skill-activation-item.selected{border-color:#1890ff;background:#e6f7ff}.skill-activation-item.expanded{max-height:1000px;transition:max-height .3s ease}.skill-activation-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.skill-activation-item__title{display:flex;align-items:center;gap:8px;flex:1}.skill-activation-item__skill-name{font-weight:600;color:#333}.skill-activation-item__meta{display:flex;align-items:center;gap:8px}.skill-activation-item__score{font-size:12px;color:#666;background:#f0f0f0;padding:2px 6px;border-radius:3px}.skill-activation-item__time{font-size:12px;color:#999;margin-top:4px}.skill-activation-item__reason,.skill-activation-item__error{font-size:12px;margin-top:4px;padding:4px 8px;border-radius:3px}.skill-activation-item__reason{background:#fff7e6;color:#d46b08}.skill-activation-item__error{background:#fff1f0;color:#cf1322}.skill-status{font-size:12px;padding:2px 6px;border-radius:3px;font-weight:500}.skill-status--pending{background:#f0f0f0;color:#666}.skill-status--executing{background:#e6f7ff;color:#1890ff}.skill-status--completed{background:#f6ffed;color:#52c41a}.skill-status--failed{background:#fff1f0;color:#ff4d4f}.skill-decision{font-size:12px;padding:2px 6px;border-radius:3px;font-weight:500}.skill-decision--applied{background:#f6ffed;color:#52c41a}.skill-decision--rejected{background:#fff7e6;color:#d46b08}.skill-activation-detail{position:fixed;right:400px;top:0;width:400px;height:100vh;background:#fff;box-shadow:-2px 0 8px #0000001a;z-index:999;display:flex;flex-direction:column;overflow:hidden}.skill-activation-detail__header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e0e0e0;background:#f5f5f5}.skill-activation-detail__header h4{margin:0;font-size:16px;font-weight:600}.skill-activation-detail__close-btn{background:none;border:none;cursor:pointer;font-size:18px;padding:4px 8px;color:#666}.skill-activation-detail__content{flex:1;overflow-y:auto;padding:16px}.skill-activation-detail__section{margin-bottom:24px}.skill-activation-detail__section h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}.skill-activation-detail__field{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.skill-activation-detail__field label{font-weight:500;color:#666}.skill-activation-detail__field span{color:#333}.skill-activation-detail__keywords,.skill-activation-detail__memories{display:flex;flex-wrap:wrap;gap:8px}.skill-keyword-badge,.skill-memory-badge{font-size:12px;padding:4px 8px;background:#f0f0f0;border-radius:4px;color:#666;border:none;cursor:default}.skill-memory-badge--clickable{cursor:pointer;transition:all .2s;background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.skill-memory-badge--clickable:hover{background:#bae7ff;border-color:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 4px #1890ff33}.skill-activation-detail__result{background:#f5f5f5;padding:12px;border-radius:4px;font-size:12px;overflow-x:auto;max-height:200px;overflow-y:auto}.text-success{color:#52c41a}.text-warning{color:#faad14}.text-error{color:#ff4d4f}.text-bold{font-weight:600}.skill-memory-correlation{padding:16px;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.skill-memory-correlation__header{margin-bottom:12px}.skill-memory-correlation__header h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#333}.skill-memory-correlation__subtitle{font-size:12px;color:#666}.skill-memory-correlation__empty{text-align:center;padding:20px;color:#999;font-size:13px}.skill-memory-correlation__list{display:flex;flex-direction:column;gap:8px}.skill-memory-correlation__item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s}.skill-memory-correlation__item:hover{border-color:#40a9ff;background:#f0f8ff;transform:translate(4px);box-shadow:0 2px 4px #0000001a}.skill-memory-correlation__item-icon{font-size:20px;flex-shrink:0}.skill-memory-correlation__item-content{flex:1}.skill-memory-correlation__item-title{font-size:13px;font-weight:500;color:#333;margin-bottom:2px}.skill-memory-correlation__item-hint{font-size:11px;color:#999}.skill-memory-correlation__item-arrow{font-size:16px;color:#999;flex-shrink:0}.skill-memory-correlation__score{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.skill-memory-correlation__score-label{font-size:12px;color:#666}.skill-memory-correlation__score-value{font-size:14px;font-weight:600;color:#1890ff}.membership-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.membership-modal{background:#fff;border-radius:20px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.membership-modal-header{display:flex;justify-content:space-between;align-items:center;padding:30px;border-bottom:1px solid #e0e0e0}.membership-modal-header h2{margin:0;font-size:24px;color:#333}.close-btn{background:none;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background:#f0f0f0;color:#333}.current-membership-card{margin:20px 30px;padding:20px;background:#f8f9fa;border-radius:10px;border:2px solid #e0e0e0}.membership-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;font-size:14px}.membership-info div{color:#666}.membership-info strong{color:#333;margin-right:8px}.membership-tabs{display:flex;gap:10px;padding:20px 30px;border-bottom:1px solid #e0e0e0}.membership-tabs button{padding:10px 20px;border:1px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.membership-tabs button:hover{border-color:#667eea;color:#667eea}.membership-tabs button.active{background:#667eea;color:#fff;border-color:#667eea}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:30px}.plan-card{border:2px solid #e0e0e0;border-radius:15px;padding:25px;position:relative;background:#fff;transition:all .3s}.plan-card:hover{border-color:#667eea;box-shadow:0 4px 20px #667eea33}.plan-card.premium{border-color:#667eea;background:linear-gradient(135deg,#f8f9ff,#fff)}.best-value-badge{position:absolute;top:15px;right:15px;background:#999;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px}.plan-header{margin-bottom:20px}.plan-header h3{margin:0 0 15px;font-size:20px;color:#333;display:flex;align-items:center;gap:8px}.diamond-icon{font-size:16px}.plan-price{margin-top:10px}.price-main{font-size:24px;font-weight:700;color:#333}.price-monthly{font-size:14px;color:#666;margin-top:5px}.plan-features{margin:20px 0;font-size:14px;color:#666;line-height:1.8}.plan-features div{margin:8px 0}.feature-points{font-weight:600;color:#333;margin-bottom:15px}.plan-button{width:100%;padding:12px;border:none;border-radius:8px;background:#333;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:20px}.plan-button:hover{background:#555;transform:translateY(-2px)}.plan-button.premium{background:#667eea}.plan-button.premium:hover{background:#764ba2}.payment-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000}.payment-modal{background:#fff;border-radius:20px;max-width:500px;width:90%;padding:30px;position:relative;box-shadow:0 20px 60px #00000080}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.payment-modal-header h2{margin:0;font-size:20px;color:#333}.payment-modal-header h2 span{color:#667eea;font-size:24px}.payment-content{text-align:center}.membership-preview{background:#f8f9fa;border-radius:10px;padding:20px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}.preview-label{font-size:16px;color:#333;font-weight:600}.preview-price{font-size:18px;color:#667eea;font-weight:700}.qr-code-section{margin:30px 0}.qr-code-placeholder{background:#f0f0f0;border-radius:10px;padding:40px;margin-bottom:20px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-code-text{font-size:14px;color:#666;margin-bottom:10px}.agreement-text{font-size:12px;color:#999;text-decoration:underline;margin-top:10px}.agree-pay-button{width:100%;padding:15px;border:none;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:15px}.agree-pay-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.payment-hint{font-size:14px;color:#666;margin-top:15px}.payment-icons{margin-left:10px;font-size:18px}.payment-type-selector{display:flex;gap:10px;margin-top:20px}.payment-type-selector button{flex:1;padding:10px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.payment-type-selector button:hover{border-color:#667eea}.payment-type-selector button.active{border-color:#667eea;background:#f0f4ff;color:#667eea}.agreement-footer{margin-top:20px;font-size:12px;color:#999;text-align:center}.payment-loading{padding:40px;color:#666;font-size:16px}