.search-box:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23999"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>') center no-repeat;background-size:contain;opacity:.5}.search-box .clear-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23999"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>') center no-repeat;background-size:contain;cursor:pointer;opacity:0;transition:opacity .3s ease;display:none}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid;gap:12px}.back-button{display:flex;align-items:center;gap:4px;font-size:16px;padding:8px;background:none;border:none;cursor:pointer}.page-title{flex:1;text-align:center;font-size:18px;font-weight:600;margin:0}.partner-button{padding:6px 12px;font-size:14px;font-weight:500;border-radius:16px;border:none;cursor:pointer;background:linear-gradient(135deg,#1677ff,#0056b3);color:#fff;transition:all .3s ease;white-space:nowrap}.partner-button:hover{opacity:.9;transform:translateY(-1px)}.tab-container{display:flex;padding:12px 16px;gap:12px;border-bottom:1px solid}.tab-button{flex:1;padding:8px 16px;font-size:15px;border-radius:8px;border:1px solid;cursor:pointer;transition:all .3s ease}@media (prefers-color-scheme: light){.header{border-bottom-color:#eee;background-color:#fff}.tab-container{border-bottom-color:#eee}.tab-button{background-color:#fff;color:#333;border-color:#e0e0e0}.tab-button.active{background-color:#1677ff;color:#fff;border-color:#1677ff}.back-button,.back-icon{color:#333}.user-card,.commission-card{background-color:#fff;border:1px solid #f0f0f0}.nickname{color:#262626}.created-at{color:#8c8c8c}.gpu-item{color:#595959!important}.expand-icon{color:#595959;background-color:#f5f5f5}.sub-user-card:before{background-color:#f0f0f0}.commission-amount span:first-child{color:#262626}.commission-amount span:last-child{color:#595959}.commission-info .nickname{color:#262626}.commission-info span{color:#595959}.commission-info .created-at{color:#8c8c8c}}@media (prefers-color-scheme: dark){body{background-color:#1a1a1a}.header{border-bottom-color:#333;background-color:#1a1a1a}.tab-container{border-bottom-color:#333}.tab-button{background-color:#2d2d2d;color:#fff;border-color:#444}.tab-button.active{background-color:#1677ff;color:#fff;border-color:#1677ff}.back-button,.back-icon,.page-title{color:#fff}.user-card,.commission-card{background-color:#262626;border:1px solid #434343}.nickname{color:#e6e6e6}.created-at{color:#8c8c8c}.gpu-item{color:#bfbfbf!important}.expand-icon{color:#bfbfbf;background-color:#1f1f1f}.sub-user-card:before{background-color:#434343}.commission-amount span:first-child{color:#fff}.commission-amount span:last-child{color:#d9d9d9}.commission-info .nickname{color:#fff}.commission-info span{color:#e6e6e6}.commission-info .created-at{color:#bfbfbf}}.content-wrapper{padding:16px}.content-section{display:none}.content-section.active{display:block}.user-card,.commission-card{margin:12px 0;padding:16px;border-radius:12px;transition:all .3s ease}.user-card{display:flex;align-items:center;gap:12px}.user-card img{width:48px;height:48px;border-radius:50%;object-fit:cover}.user-info{flex:1;display:flex;flex-direction:column;gap:6px}.nickname{font-size:16px;font-weight:500}.member-level{font-size:14px;padding:2px 8px;border-radius:4px;display:inline-block;background-color:#1677ff1a;color:#1677ff}.gpu-info-list{margin-top:4px}.gpu-item{font-size:13px;line-height:1.5;margin:2px 0}.created-at{font-size:13px;margin-top:4px}.expand-icon{font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px;margin-top:8px;display:inline-flex;align-items:center;gap:4px;margin-left:12px}.sub-count{color:#1677ff}.sub-user-card{margin-left:24px;position:relative}.sub-user-card:before{content:"";position:absolute;left:-16px;top:24px;width:12px;height:1px}.commission-card{display:flex;justify-content:space-between;align-items:center}.commission-left{display:flex;align-items:center;gap:12px}.commission-left img{width:48px;height:48px;border-radius:50%;object-fit:cover}.commission-info{display:flex;flex-direction:column;gap:4px}.commission-amount{text-align:right}.commission-amount span:first-child{font-size:18px;font-weight:600}.commission-amount span:last-child{font-size:13px}.no-data-message{text-align:center;padding:32px 16px;font-size:14px}@media (prefers-color-scheme: light){.no-data-message{color:#8c8c8c}}@media (prefers-color-scheme: dark){.no-data-message{color:#bfbfbf}}.custom-button{padding:10px 20px;font-size:16px;color:#fff;background-color:#e64a19;border:none;border-radius:5px;cursor:pointer;outline:none;transition:background-color .3s}.custom-button:hover{background-color:#0056b3}.back-icon{vertical-align:middle}.upgrade-button{padding:6px 12px;font-size:13px;border-radius:16px;border:none;cursor:pointer;background:linear-gradient(135deg,#ff4d4f,#cf1322);color:#fff;transition:all .3s ease;white-space:nowrap;margin-left:auto}.upgrade-button:hover{opacity:.9;transform:translateY(-1px)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-spinner{width:50px;height:50px;border:3px solid #f3f3f3;border-top:3px solid #1677ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.loading-spinner{border:3px solid #333;border-top:3px solid #1677ff}}.member-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;justify-content:center;align-items:center}.modal-content{padding:20px;border-radius:12px;width:85%;max-width:360px}@media (prefers-color-scheme: light){.modal-content{background:#fff;box-shadow:0 4px 24px #0000001a}.member-option{background:#fff;border:1px solid #e8e8e8}.member-option:not(.disabled):hover{background:#f5f5f5;border-color:#1677ff}.member-option.disabled{background:#f5f5f5;cursor:not-allowed}.member-name{color:#333}.member-price{color:#ff4d4f}.member-option.disabled .member-price{color:#999}.modal-close{background:#f5f5f5;color:#666}.modal-close:hover{background:#e8e8e8}}@media (prefers-color-scheme: dark){.modal-content{background:#1f1f1f;box-shadow:0 4px 24px #0003}.member-option{background:#262626;border:1px solid #434343}.member-option:not(.disabled):hover{background:#1a365d;border-color:#1677ff}.member-option.disabled{background:#363636;cursor:not-allowed}.member-name{color:#fff}.member-price{color:#ff4d4f}.member-option.disabled .member-price{color:#666}.modal-close{background:#262626;color:#999}.modal-close:hover{background:#333}}.member-options{display:grid;gap:12px;margin-bottom:20px}.member-option{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:8px;transition:all .2s ease}.member-name{font-size:15px;font-weight:500}.member-price{font-size:16px;font-weight:600}.modal-close{width:100%;padding:12px;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:all .2s ease}.modal-content h2{margin:0 0 20px;font-size:18px;text-align:center}.user-highlight{color:#ff4d4f;font-weight:600;margin:0 4px}@media (prefers-color-scheme: light){.modal-content h2{color:#262626}.user-highlight{color:#ff4d4f}}@media (prefers-color-scheme: dark){.modal-content h2{color:#e6e6e6}.user-highlight{color:#ff7875}}#paymentModal.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}#paymentModal .modal-content{background-color:#fff;padding:20px;border-radius:12px;width:90%;max-width:320px;position:relative;box-shadow:0 4px 12px #00000026}#paymentModal .modal-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative;padding:0 20px}#paymentModal .modal-header h3{margin:0;font-size:18px;color:#333;text-align:center}#paymentModal .close{position:absolute;right:15px;top:15px;font-size:24px;cursor:pointer;color:#999;line-height:1}#paymentModal .close:hover{color:#666}#paymentModal .price{text-align:center;font-size:24px;color:#ff5722;margin:15px 0;font-weight:700}#paymentModal .price small{font-size:14px;font-weight:400}@media (prefers-color-scheme: dark){#paymentModal .modal-content{background-color:#2c2c2c}#paymentModal .modal-header h3{color:#fff}#paymentModal p{color:#999!important}}.search-box{margin:12px 16px;position:relative;box-sizing:border-box;width:auto}.search-box input{width:100%;padding:8px 32px;border:1px solid #e5e5e5;border-radius:16px;font-size:14px;outline:none;background:#f5f5f5;color:#333;transition:all .3s ease;box-sizing:border-box}.search-box:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23999"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>') center no-repeat;background-size:contain;opacity:.5}.search-box .clear-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23999"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>') center no-repeat;background-size:contain;cursor:pointer;opacity:0;transition:opacity .3s ease;display:none}.search-box input:not(:placeholder-shown)+.clear-icon{opacity:.5;display:block}.search-box .clear-icon:hover{opacity:.8}.search-box input:focus{border-color:#1677ff;background:#fff;box-shadow:0 0 0 2px #1677ff1a}.search-box input::placeholder{color:#999}@media (prefers-color-scheme: dark){.search-box input{background:#1a1a1a;border-color:#333;color:#fff}.search-box input:focus{background:#2a2a2a;border-color:#1677ff}.search-box input::placeholder{color:#666}.search-box:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23666"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>') center no-repeat}}