.knowledge-mask{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000}.knowledge-popup{position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:340px;background:#fff;border-radius:16px 16px 0 0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 -2px 10px rgba(0,0,0,.15);z-index:1001;overflow:hidden}.knowledge-popup-title{text-align:center;font-size:17px;font-weight:600;padding:16px 0 8px;border-bottom:1px solid #f0f0f0}.knowledge-popup-amount-label{text-align:center;font-size:14px;color:#888;margin-top:12px}.knowledge-popup-amount-value{text-align:center;font-size:28px;font-weight:700;color:#111;margin:6px 0 20px}.knowledge-payment-option{display:flex;align-items:center;justify-content:space-between;border:1.5px solid #ccc;border-radius:10px;margin:10px 20px;padding:10px 14px;cursor:pointer}.knowledge-payment-option.active{border-color:#00c453;background-color:#f6fffa}.knowledge-payment-option-content{display:flex;align-items:center;gap:8px;font-size:16px}.knowledge-payment-icon{width:24px;height:24px}.knowledge-check-icon{color:#00c453;font-size:16px;font-weight:700}.knowledge-popup-buttons{display:flex;gap:10px;margin:20px}.knowledge-btn{flex:1;padding:12px;font-size:16px;border-radius:8px;border:0;cursor:pointer}.knowledge-btn-cancel{background:#f1f5f9;color:#333}.knowledge-btn-confirm{background:linear-gradient(to right,#3b82f6,#60a5fa);color:#fff}.knowlege-button{display:block;width:200px;height:48px;margin:0 auto;background:linear-gradient(135deg,#ff4d4f,#ff7a45);color:#fff;text-align:center;line-height:48px;font-size:18px;font-weight:600;border-radius:28px;text-decoration:none;box-shadow:0 10px 25px -5px rgba(255,77,79,.3);transition:all .3s ease;border:0;cursor:pointer;outline:0;-webkit-tap-highlight-color:transparent}.knowlege-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px -5px rgba(255,77,79,.4)}.fa-credit-card{font-size:24px;color:#1677ff;margin-right:16px}.fa-weixin{font-size:24px;color:#07c160;margin-right:16px}.knowledge-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:999}.knowledge-modal-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px 30px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:1000;text-align:center}.knowledge-flat-btn{padding:10px 20px;margin:10px;color:#fff;border:0;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.knowledge-unpaid-btn{background:#f1f5f9;color:#333}.knowledge-paid-btn{background:linear-gradient(to right,#3b82f6,#60a5fa);color:#fff}