.top-nav{background:#fff;box-shadow:0 2px 8px #00000014;height:50px;left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:1000}.nav-content,.top-nav{align-items:center;display:flex}.nav-content{justify-content:space-between;width:100%}.nav-title{align-items:center;color:#333;display:flex;font-size:20px;font-weight:700;gap:12px}.nav-logo{border-radius:4px;height:32px;width:32px}.nav-user{align-items:center;color:#666;display:flex;font-size:14px;gap:16px}.logout-btn{background:#fff;border:1px solid #dcdfe6;border-radius:4px;color:#606266;cursor:pointer;padding:4px 12px;transition:all .2s}.logout-btn:hover{background-color:#ecf5ff;border-color:#c6e2ff;color:#409eff}.app-layout{background:#f5f7fa;display:flex;flex-direction:row;min-height:100vh;padding-top:50px}.app-layout.mobile-portrait{flex-direction:column}.app-layout.mobile-portrait .side-sider{display:none}.app-layout.mobile-portrait .main-content-wrapper{padding:0 12px}.mobile-top-menu{background:#fff;border-bottom:1px solid #e5e7eb;margin:0 -12px;padding:8px 12px;position:-webkit-sticky;position:sticky;top:50px;z-index:999}.top-menu{width:100%}.top-menu-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.top-menu-scroll::-webkit-scrollbar{display:none}.top-menu-item{background:#fff;border:1px solid #dcdfe6;border-radius:999px;color:#606266;cursor:pointer;font-size:13px;line-height:1;padding:6px 10px;transition:all .2s;white-space:nowrap}.top-menu-item.active{background:#ecf5ff;border-color:#409eff;color:#409eff;font-weight:700}.top-menu-item:active{transform:translateY(.5px)}.side-sider{background:#fff!important;box-shadow:2px 0 8px #00000008;flex-shrink:0;height:calc(100vh - 50px);max-width:300px;min-width:180px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:50px;width:220px;z-index:998}.main-content-wrapper{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:0 16px}.main-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;margin:16px auto 0;max-width:1200px;min-height:200px;padding:24px 0;width:100%}.search-row{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:16px}.search-section{background:#fff;border:1px solid #e4e7ed;border-radius:8px;margin-bottom:24px;padding:20px 24px}.main-search-row{align-items:center;display:flex;gap:16px}.main-search-input{border:2px solid #e4e7ed;border-radius:8px;font-size:16px;height:40px;outline:none;padding:0 16px;transition:all .2s;width:100%}.main-search-input:focus{border-color:#409eff;box-shadow:0 0 0 3px #409eff1a}.search-buttons{display:flex;gap:12px}.search-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;height:40px;outline:none;padding:0 24px;transition:all .2s}.search-btn.primary{background:#409eff;color:#fff}.search-btn.primary:hover:not(:disabled){background:#337ecc;box-shadow:0 4px 12px #409eff4d;transform:translateY(-1px)}.search-btn.secondary{background:#f5f7fa;border:1px solid #dcdfe6;color:#606266}.search-btn.secondary:hover{background:#ecf5ff;border-color:#b3d8ff;color:#409eff}.search-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.search-container{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.filter-row{gap:18px;justify-content:center}.filter-label{color:#333;font-size:16px;font-weight:700;margin:0}.filter-select{background:#fff;border:1px solid #e4e7ed;border-radius:6px;cursor:pointer;font-size:14px;height:36px;outline:none;padding:0 10px;transition:border-color .2s;width:110px}.filter-select:focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff1a}.filter-select:hover{border-color:#c0c4cc}.custom-days-input{-moz-appearance:textfield;background:#fff;border:1px solid #e4e7ed;border-radius:6px;font-size:14px;height:36px;outline:none;padding:0 8px;transition:border-color .2s;width:70px}.custom-days-input:focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff1a}.custom-days-input:hover{border-color:#c0c4cc}.custom-days-input::-webkit-inner-spin-button,.custom-days-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.filter-section{background:#fafbfc;margin-bottom:24px;padding:0 24px}.filter-title{border-bottom:1px solid #e4e7ed;color:#303133;font-size:16px;font-weight:600;padding:16px 0 12px}.filter-grid{grid-gap:24px 32px;display:grid;gap:24px 32px;grid-template-columns:repeat(2,1fr);padding:20px 0}.filter-item{flex-direction:column;min-height:80px}.filter-item label{color:#606266;font-weight:500}.filter-item input,.filter-item select{border:1px solid #dcdfe6;border-radius:6px;font-size:14px;height:36px;outline:none;padding:0 12px;transition:border-color .2s}.filter-item input:focus,.filter-item select:focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff1a}.date-range{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.date-range input{flex:1 1;min-width:120px}.date-range span{color:#909399;font-size:14px;white-space:nowrap}.capital-range{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.capital-range input{flex:1 1;min-width:80px}.capital-range span{color:#909399;font-size:14px;white-space:nowrap}.qualification-selector{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.qualification-selector select:first-child{flex:2 1;min-width:200px}.qualification-selector select:last-child{flex:1 1;min-width:100px}.filter-actions{border-top:1px solid #e4e7ed;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:20px 0 0}.result-list{display:flex;flex-direction:column;gap:14px;margin:0 auto;max-width:1200px}.result-card{background:#fff;border:1px solid #e4e7ed;border-radius:12px;box-shadow:0 4px 16px #00000014;box-sizing:border-box;display:block;overflow:hidden;padding:18px;transition:box-shadow .2s;width:100%}.result-card:hover{border-color:#409eff;box-shadow:0 12px 32px #409eff2e}.detail-table{background:none;border-collapse:initial;border-spacing:0 9px;font-size:14px;margin-bottom:0;margin-top:0;table-layout:fixed;width:100%}.detail-table td,.detail-table th{background:none;border:none;color:#000;font-size:14px;line-height:1.6;padding:0;text-align:left;vertical-align:middle}.detail-table .label{background:none;color:#000;font-weight:700;line-height:1.8;padding-right:12px;text-align:right;vertical-align:middle;width:160px}.detail-table td:not(.label){overflow:hidden;padding-left:12px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:auto}.detail-table td:nth-child(2){padding-right:24px}.result-list .detail-table{table-layout:fixed!important}.detail-table td:not(.label):has(.copy-cell),.detail-table td:not(.label):has(div[style*="flexWrap: 'nowrap'"]){max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap;width:auto}.detail-table tr{height:32px}.staff-modal{padding:0 0 30px!important}.staff-content{box-sizing:border-box!important;margin:0 auto!important;overflow-x:hidden!important;padding:0!important;width:900px!important}.staff-table{border-spacing:0!important;box-sizing:border-box!important;table-layout:fixed!important}.staff-pagination,.staff-table{margin-left:auto!important;margin-right:auto!important;width:840px!important}.staff-table tbody td{font-weight:400!important}.staff-modal .modal-title{margin-bottom:8px!important}.company-title{background:none;border-bottom:1px solid #f0f0f0;color:#222;font-size:16px;font-weight:700;height:36px;line-height:36px;padding:14px 0 8px;text-align:left;vertical-align:middle}.shangji-zz-page.mobile-portrait{max-width:100%;overflow-x:hidden;width:100%}.shangji-zz-page.mobile-portrait .result-list{max-width:100%;min-width:0;width:100%}.shangji-zz-page.mobile-portrait .result-card{max-width:100%;padding:12px}.shangji-zz-page.mobile-portrait .company-tags{gap:6px;margin-top:6px}.shangji-zz-page.mobile-portrait .pill{font-size:11px;gap:4px;line-height:16px;padding:2px 8px}.shangji-zz-page.mobile-portrait .mobile-info-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.shangji-zz-page.mobile-portrait .mobile-info-row{border-bottom:1px solid #eef2f7;display:flex;flex-direction:column;gap:4px;padding:8px 0}.shangji-zz-page.mobile-portrait .mobile-info-row:last-child{border-bottom:none}.shangji-zz-page.mobile-portrait .mobile-info-label{color:#475569;font-size:13px;font-weight:700;line-height:1.4}.shangji-zz-page.mobile-portrait .mobile-info-value{color:#111827;font-size:14px;line-height:1.6;overflow-wrap:anywhere;word-break:break-word}.shangji-zz-page.mobile-portrait .mobile-info-value.is-copyable{cursor:pointer}.shangji-zz-page.mobile-portrait .company-title{height:auto;line-height:1.5;padding:8px 0 10px}.shangji-zz-page.mobile-portrait .detail-table .label{font-size:13px;min-width:92px;padding-right:8px;text-align:left;width:92px}.shangji-zz-page.mobile-portrait .detail-table td:not(.label){padding-left:8px;white-space:normal;word-break:break-word}.shangji-zz-page.mobile-portrait .result-footer{align-items:stretch;flex-direction:column;gap:12px;padding:0}.shangji-zz-page.mobile-portrait .pagination-container{flex-wrap:wrap;justify-content:center}.result-footer.top-pagination{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;justify-content:space-between;margin:0 auto 16px;max-width:1200px;padding:12px 32px}.result-footer.top-pagination .pagination-container{font-size:12px;gap:4px}.result-footer.top-pagination .pagination-btn{font-size:12px;min-width:24px;padding:4px 8px}.result-footer.top-pagination .pagination-input{font-size:12px;height:24px;width:40px}.result-footer.top-pagination .pagination-jump-btn{font-size:12px;padding:4px 8px}.result-footer.top-pagination .page-size-select{font-size:12px;padding:4px 6px}.unlock-page-btn{align-items:center;background:#409eff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:background-color .2s}.unlock-page-btn:hover{background:#337ecc}.unlock-page-btn:disabled{background:#c0c4cc;cursor:not-allowed}.phone-locked{color:#999!important;cursor:pointer;font-size:16px;position:relative;transition:all .2s ease}.phone-locked:hover{color:#409eff!important;transform:scale(1.1)}.phone-unlocked{color:#1976d2!important;cursor:pointer}.result-footer.top-pagination .result-total{color:#495057;font-weight:500}.result-footer.top-pagination .pagination-container{gap:6px;margin-left:auto}.result-pagination,.result-total{margin-right:8px}.result-input-number{margin-right:8px;width:60px}.result-card .detail-table{background:#f1f5f9!important;border-radius:0 0 8px 8px!important;border-spacing:0!important;font-size:16px!important}.result-card .company-title{border-bottom:none!important;border-left:4px solid #409eff!important;border-radius:0 8px 0 0!important;color:#000!important;font-size:18px!important;padding-left:12px!important}.result-card .company-title,.result-card .label{background:#f1f5f9!important;font-weight:700!important}.result-card .label{color:#334155!important}.remain-days{color:#d97706!important;font-size:22px!important;font-weight:700!important}.copy-company-title{cursor:pointer;-webkit-user-select:all;user-select:all}.copy-company-title:active,.copy-company-title:focus,.copy-company-title:focus-visible,.copy-company-title:visited{background:none!important;box-shadow:none!important;color:inherit!important;outline:none!important}.copy-cell{cursor:pointer;display:inline-block;flex-shrink:0;-webkit-user-select:all;user-select:all;white-space:nowrap}.copy-cell:active,.copy-cell:focus,.copy-cell:focus-visible,.copy-cell:visited,.more-phone-btn:active,.more-phone-btn:focus,.more-phone-btn:focus-visible,.more-phone-btn:visited{background:none!important;box-shadow:none!important;color:inherit!important;outline:none!important}.copy-tip{background:#3683cf;border-radius:8px;box-shadow:0 2px 12px #00000026;color:#fff;font-size:18px;left:50%;opacity:.95;padding:10px 32px;pointer-events:none;position:fixed;top:200px;transform:translateX(-50%);transition:opacity .3s;z-index:999999}.side-menu{background:#fff;color:#000;font-size:17px;height:100%;padding:0;width:100%}.side-menu-list{list-style:none;margin:0;padding:0}.side-menu-item{display:block}.side-menu-sublist{list-style:none;margin:0;padding:0}.side-menu-subitem{display:block;list-style:none}.result-card .label.label-blue{background-color:#f1f5f9!important;color:#475569!important;font-size:13px!important;font-weight:500!important;max-width:160px!important;min-width:160px!important;width:160px!important}.staff-count-highlight{color:#d97706!important;cursor:pointer;font-size:14px!important;font-weight:500!important;margin-left:20px}.card-action-btn{font-size:13px!important;font-weight:500!important}.tag-chip{font-size:12px!important;font-weight:500!important}.result-card .label.label-dark-blue{background-color:#f1f5f9!important;color:#475569!important;font-size:13px!important;font-weight:500!important;max-width:160px!important;min-width:160px!important;width:160px!important}.company-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pill{border:1px solid #0000;border-radius:999px;cursor:pointer;font-size:12px;font-weight:600;gap:6px;line-height:18px;padding:2px 10px;-webkit-user-select:none;user-select:none}.pill,.pill-icon{align-items:center;display:inline-flex}.pill-icon{justify-content:center}.pill-gray{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.pill-green{background:#ecfdf5;border-color:#bbf7d0;color:#16a34a}.pill-blue{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.modal-mask{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-box{background:#fff;border-radius:8px;box-shadow:0 4px 24px #0003;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;position:relative}.modal-actions{border-top:1px solid #f0f0f0;padding:16px 24px}.modal-btn{background:#fff;border:1px solid #dcdfe6;border-radius:4px;color:#606266;cursor:pointer;font-size:14px;padding:8px 32px;transition:all .2s}.modal-btn:hover{background-color:#ecf5ff;border-color:#c6e2ff;color:#409eff}.modal-close:hover{color:#333!important}.login-container{background-color:#fff;display:flex;height:100vh;overflow:hidden;width:100vw}.login-left-section{align-items:center;background-color:#3f51b5;background:linear-gradient(135deg,#3f51b5,#2196f3);color:#fff;display:flex;flex:1 1;justify-content:center;padding:40px}.login-left-content{max-width:600px}.login-main-title{font-size:36px;font-weight:700;margin-bottom:16px}.login-main-subtitle{font-size:18px;margin-bottom:48px;opacity:.9}.login-stats{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr);margin-bottom:48px}.stat-item{gap:16px}.stat-icon,.stat-item{align-items:center;display:flex}.stat-icon{background:#fff3;border-radius:12px;font-size:32px;height:56px;justify-content:center;width:56px}.stat-info{display:flex;flex-direction:column}.stat-desc{font-size:14px;opacity:.8}.stat-number{font-size:18px;font-weight:700}.login-features{display:flex;gap:32px}.feature-item{background:#ffffff1a;border-radius:12px;flex:1 1;padding:20px}.feature-icon{font-size:24px;margin-bottom:12px}.feature-title{font-size:16px;font-weight:700;margin-bottom:8px}.feature-desc{font-size:12px;opacity:.8}.login-right-section{align-items:center;background-color:#2196f3;box-shadow:none;display:flex;justify-content:center;padding:40px;width:480px}.login-box{max-width:360px;width:100%}.login-header{margin-bottom:40px;text-align:center}.login-title{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px}.login-subtitle{color:#fffc;font-size:14px}.login-form{display:flex;flex-direction:column;gap:24px}.login-error{background-color:#fee;border-radius:4px;color:#f5222d;font-size:14px;padding:10px;text-align:center}.login-input-group{display:flex;flex-direction:column;gap:8px}.login-label{color:#fff;font-size:14px;font-weight:500}.login-input{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#fff;font-size:14px;height:40px;padding:0 12px;transition:all .2s;width:200px}.login-input::placeholder{color:#ffffff80}.login-input:focus{background-color:#fff3;border-color:#fff;box-shadow:0 0 0 2px #fff3;outline:none}.login-btn{background-color:#fff;border:none;border-radius:4px;color:#2196f3;cursor:pointer;font-size:16px;font-weight:700;height:40px;transition:all .2s;width:200px}.login-btn:hover{background-color:#ffffffe6}.login-btn:disabled{background-color:#fff9;cursor:not-allowed}@media (max-width:520px) and (orientation:portrait){.app-layout{flex-direction:column}.side-sider{display:none!important}.main-content-wrapper{padding:0 12px}}.login-footer{margin-top:24px;text-align:center}.login-tip{color:#ffffffb3;font-size:12px;text-decoration:none}.login-tip:hover{color:#fff}@media (max-width:768px){.login-container{flex-direction:column;height:auto;min-height:100vh}.login-left-section{flex:none;padding:32px 20px}.login-features{display:none}.login-right-section{flex:1 1;padding:32px 20px;width:100%}.login-stats{display:none}}.back-to-top-btn{align-items:center;background:#409eff;border:none;border-radius:50%;bottom:120px;box-shadow:0 4px 16px #409eff2e;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:36px;transition:opacity .3s,background .2s;width:56px;z-index:9999}.back-to-top-btn.show{opacity:1;pointer-events:auto}.back-to-top-btn:hover{background:#337ecc}.account-management{margin:0 auto;max-width:1350px;padding:20px}.account-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.account-header h2{color:#333;font-size:24px;margin:0 0 15px}.user-info{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.user-info.enterprise-admin,.user-info.enterprise-staff{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:block;margin-bottom:20px;padding:20px}.user-info.enterprise-admin h3,.user-info.enterprise-staff h3{color:#333;font-size:18px;line-height:1.2;margin:0}.user-info-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.user-info.enterprise-admin .action-buttons{justify-content:flex-end;margin-top:0}.user-info.enterprise-staff .user-info-header-right{height:40px;min-width:280px}.user-info-badges{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.user-info-badge{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:999px;color:#303133;display:inline-flex;font-size:13px;gap:6px;line-height:1.4;padding:6px 10px;white-space:nowrap}.user-info-badge-label{color:#606266;font-weight:500}.user-info-badge-value{color:#303133;font-weight:600}.user-info p{color:#666;margin:5px 0}.user-info strong{color:#333}.edit-nickname-icon{cursor:pointer;display:inline-block;font-size:16px;line-height:1;margin-left:8px;vertical-align:middle}.edit-nickname-icon:hover{filter:brightness(1.1);transform:scale(1.05)}.user-info.vip-registered{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e5e7eb99;border-radius:12px;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column;height:800px;justify-content:flex-start;margin:0 auto;overflow:hidden;padding:40px 16px 16px;position:relative;width:1300px}.user-info.vip-registered p{grid-column-gap:12px;align-items:center;background:#0000;border:none;column-gap:12px;display:grid;grid-template-columns:160px 1fr;margin:8px 0;padding:0}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#ef4444);-webkit-background-clip:text;background-clip:text;font-weight:600}.user-info.vip-registered h3,.user-info.vip-registered p{text-align:center}.user-info.vip-registered .action-buttons,.user-info.vip-registered h3,.user-info.vip-registered p{margin-left:auto;margin-right:auto;max-width:90%;position:relative;width:800px;z-index:1}.user-info.vip-registered p strong{color:#111;font-weight:600;justify-self:end;text-align:right}.user-info.vip-registered p,.user-info.vip-registered p span{font-size:16px;line-height:1.7}.user-info.vip-registered .action-buttons{display:flex;gap:12px;justify-content:center;margin-top:16px}.user-info.vip-registered:before{animation:vipFloat 24s ease-in-out infinite;background-image:radial-gradient(circle at 25% 20%,#2563eb24 0,#0000 52%),radial-gradient(circle at 80% 70%,#f973161f 0,#0000 52%),radial-gradient(circle at 70% 25%,#6366f11f 0,#0000 50%),radial-gradient(circle at 30% 85%,#10b9811a 0,#0000 50%);background-size:720px 720px,820px 820px,600px 600px,780px 780px;bottom:0;content:"";filter:saturate(120%);left:0;position:absolute;right:0;top:0;z-index:0}@keyframes vipFloat{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(28px,-24px) rotate(90deg)}50%{transform:translate(-22px,18px) rotate(180deg)}75%{transform:translate(16px,10px) rotate(270deg)}}.account-actions{align-items:center;display:flex;gap:10px;margin-bottom:20px}.btn{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-primary{background-color:#1890ff;color:#fff}.btn-primary:hover{background-color:#40a9ff;box-shadow:0 4px 8px #1890ff4d;transform:translateY(-2px)}.btn-success{background-color:#52c41a;color:#fff}.btn-success:hover{background-color:#73d13d;box-shadow:0 4px 8px #52c41a4d;transform:translateY(-2px)}.btn-secondary{background-color:#f0f0f0;color:#333}.btn-secondary:hover{background-color:#d9d9d9;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn-danger{background-color:#ff4d4f;color:#fff}.btn-danger:hover{background-color:#ff7875;box-shadow:0 4px 8px #ff4d4f4d;transform:translateY(-2px)}.btn-warning{background-color:#faad14;color:#fff}.btn-warning:hover{background-color:#ffc53d;box-shadow:0 4px 8px #faad144d;transform:translateY(-2px)}.btn-sm{margin-right:8px}.btn-sm:last-child{margin-right:0}.btn-sm:hover,.users-list{box-shadow:0 2px 4px #0000001a}.users-list{background:#fff;border-radius:8px;padding:20px}.users-list h3{color:#333;margin:0 0 20px}.search-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:20px;padding:15px}.search-inputs{flex-wrap:wrap;gap:15px}.search-inputs,.search-item{align-items:center;display:flex}.search-item{gap:8px}.search-item label{color:#333;font-weight:500;white-space:nowrap}.search-item input{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.search-item input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.pagination{align-items:center;border-top:1px solid #e9ecef;display:flex;gap:15px;justify-content:center;margin-top:20px;padding:15px 0}.page-info{color:#666;font-size:14px;font-weight:500}.pagination button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.table-container{border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;overflow-x:auto}.table-container:has(.super-admin-view){overflow-x:auto}.users-table{border-collapse:collapse;margin-top:10px;width:100%}.super-admin-view{min-width:auto}.customer-service-view,.enterprise-admin-view{min-width:auto;table-layout:fixed}.users-table td,.users-table th{border-bottom:1px solid #e8e8e8;padding:8px 10px;text-align:left;white-space:nowrap}.users-table td:last-child{min-width:120px;white-space:nowrap}.users-table td:first-child,.users-table th:first-child{max-width:60px;min-width:50px}.super-admin-view td:first-child,.super-admin-view td:last-child,.super-admin-view td:nth-child(10),.super-admin-view td:nth-child(11),.super-admin-view td:nth-child(12),.super-admin-view td:nth-child(2),.super-admin-view td:nth-child(3),.super-admin-view td:nth-child(4),.super-admin-view td:nth-child(5),.super-admin-view td:nth-child(6),.super-admin-view td:nth-child(7),.super-admin-view td:nth-child(8),.super-admin-view td:nth-child(9),.super-admin-view th:first-child,.super-admin-view th:last-child,.super-admin-view th:nth-child(10),.super-admin-view th:nth-child(11),.super-admin-view th:nth-child(12),.super-admin-view th:nth-child(2),.super-admin-view th:nth-child(3),.super-admin-view th:nth-child(4),.super-admin-view th:nth-child(5),.super-admin-view th:nth-child(6),.super-admin-view th:nth-child(7),.super-admin-view th:nth-child(8),.super-admin-view th:nth-child(9){font-size:13px}.super-admin-view{table-layout:fixed}.super-admin-view td:first-child,.super-admin-view th:first-child{padding:8px 6px;text-align:center;width:4.5%}.super-admin-view td:nth-child(2),.super-admin-view th:nth-child(2){padding:8px;width:10%}.super-admin-view td:nth-child(3),.super-admin-view th:nth-child(3){overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap;width:7.5%}.super-admin-view td:nth-child(4),.super-admin-view th:nth-child(4){padding:8px;width:7.5%}.super-admin-view td:nth-child(5),.super-admin-view th:nth-child(5){overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap;width:11%}.super-admin-view td:nth-child(6),.super-admin-view th:nth-child(6){overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap;width:10%}.super-admin-view td:nth-child(7),.super-admin-view th:nth-child(7){padding:8px;width:10%}.super-admin-view td:nth-child(8),.super-admin-view th:nth-child(8){padding:8px 6px;width:5.5%}.super-admin-view td:nth-child(9),.super-admin-view th:nth-child(9){font-weight:500;text-align:center;width:4.5%}.super-admin-view td:nth-child(10),.super-admin-view th:nth-child(10){padding:8px 6px;width:5.5%}.super-admin-view td:nth-child(11),.super-admin-view td:nth-child(12),.super-admin-view th:nth-child(11),.super-admin-view th:nth-child(12){padding:8px;width:9%}.super-admin-view td:last-child,.super-admin-view th:last-child{min-width:0;padding:8px;width:10%}.users-table td:nth-child(2),.users-table th:nth-child(2){max-width:130px;min-width:110px}.customer-service-view td,.customer-service-view th{font-size:13px;padding:8px}.customer-service-view td.seq-cell,.customer-service-view th.seq-header{max-width:40px;min-width:40px;text-align:center;text-decoration:none;width:40px}.customer-service-view td.id-cell,.customer-service-view th.id-header{max-width:40px;min-width:40px;text-align:center;width:40px}.customer-service-view th.id-header{text-decoration:none}.customer-service-view td.id-cell{text-decoration:underline}.customer-service-view td.phone-cell,.customer-service-view th.phone-header{margin:0;max-width:100px;min-width:100px;padding:4px 8px;text-align:center;text-decoration:none;width:100px}.customer-service-view td.nickname-cell,.customer-service-view th.nickname-header{max-width:75px;min-width:75px;overflow:hidden;text-overflow:ellipsis;width:75px}.customer-service-view td.account-level-cell,.customer-service-view th.account-level-header{max-width:9em;min-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:9em}.customer-service-view td.expiry-cell,.customer-service-view th.expiry-header{max-width:90px;min-width:90px;text-align:center;width:90px}.customer-service-view td.membership-cell,.customer-service-view th.membership-header{max-width:70px;min-width:70px;text-align:center;white-space:nowrap;width:70px}.customer-service-view td.status-cell,.customer-service-view th.status-header{max-width:70px;min-width:70px;text-align:center;width:70px}.customer-service-view td.created-at-cell,.customer-service-view td.last-login-cell,.customer-service-view td:last-child,.customer-service-view th.created-at-header,.customer-service-view th.last-login-header,.customer-service-view th:last-child{max-width:none;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:calc(33.33333% - 201.66667px)}.customer-service-view td.remaining-days-cell,.customer-service-view th.remaining-days-header{max-width:60px;min-width:60px;text-align:center;white-space:nowrap;width:60px}.customer-service-view th.remaining-days-header,.super-admin-view th.remaining-days-header{overflow:hidden;white-space:nowrap}.customer-service-view th.expiry-sortable:hover{color:#2563eb}.customer-service-view th.expiry-header,.super-admin-view th.expiry-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-service-view th.expiry-header>span,.super-admin-view th.expiry-header>span{min-width:0}.customer-service-view th.expiry-header .sort-arrows,.super-admin-view th.expiry-header .sort-arrows{flex:0 0 auto;margin-left:4px}.customer-service-view .sort-arrows,.super-admin-view .sort-arrows{color:#c0c4cc;display:inline-flex;flex-direction:column;font-size:10px;line-height:10px}.customer-service-view .sort-arrows.active,.super-admin-view .sort-arrows.active{color:#909399}.customer-service-view .sort-arrows .arrow.on,.super-admin-view .sort-arrows .arrow.on,.super-admin-view th.expiry-sortable:hover{color:#2563eb}.customer-service-view td:last-child,.customer-service-view th:last-child{text-align:center;white-space:nowrap}.super-admin-view td.seq-cell,.super-admin-view th.seq-header{max-width:40px;min-width:40px;text-align:center;text-decoration:none;width:40px}.super-admin-view th.id-header{text-decoration:none}.super-admin-view td.id-cell,.super-admin-view th.id-header{max-width:2.5em;min-width:2.5em;text-align:center;width:2.5em}.super-admin-view td.phone-cell,.super-admin-view th.phone-header{max-width:100px;min-width:100px;text-align:center;text-decoration:none;width:100px}.super-admin-view td.nickname-cell,.super-admin-view th.nickname-header{max-width:75px;min-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:75px}.super-admin-view td.account-level-cell,.super-admin-view th.account-level-header{max-width:80px;min-width:80px;width:80px}.super-admin-view td.enterprise-cell,.super-admin-view th.enterprise-header{max-width:140px;min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:140px}.super-admin-view td.service-agent-cell,.super-admin-view th.service-agent-header{max-width:80px;min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80px}.super-admin-view td.expiry-cell,.super-admin-view th.expiry-header{max-width:10em;min-width:10em;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:10em}.super-admin-view td.remaining-days-cell,.super-admin-view th.remaining-days-header{max-width:4em;min-width:4em;text-align:center;white-space:nowrap;width:4em}.super-admin-view td.status-cell,.super-admin-view th.status-header{max-width:4em;min-width:4em;text-align:center;width:4em}.super-admin-view td.created-at-cell,.super-admin-view td.last-login-cell,.super-admin-view td:last-child,.super-admin-view th.created-at-header,.super-admin-view th.last-login-header,.super-admin-view th:last-child{max-width:140px;min-width:140px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:140px}.super-admin-view td.created-at-cell,.super-admin-view td.last-login-cell,.super-admin-view th.created-at-header,.super-admin-view th.last-login-header{max-width:none;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:calc(50% - 462.5px)}.super-admin-view td.created-at-cell,.super-admin-view th.created-at-header{display:none}.super-admin-view td.last-login-cell,.super-admin-view th.last-login-header{max-width:7em;min-width:7em;width:7em}.users-table td:nth-child(3),.users-table th:nth-child(3){max-width:110px;min-width:90px}.users-table td:nth-child(4),.users-table th:nth-child(4){max-width:180px;min-width:130px}.users-table td:nth-child(5),.users-table th:nth-child(5){max-width:160px;min-width:140px}.users-table td:nth-child(6),.users-table th:nth-child(6){max-width:90px;min-width:70px}.users-table td:nth-child(7),.users-table th:nth-child(7){font-weight:500;max-width:100px;min-width:80px;text-align:center}.users-table td:nth-child(7){color:#1890ff;font-size:14px}.super-admin-view td:nth-child(8),.super-admin-view th:nth-child(8){font-weight:500;text-align:center;width:4.5%}.super-admin-view td:nth-child(8){color:#1890ff;font-size:14px}.users-table td:nth-child(8),.users-table th:nth-child(8){max-width:90px;min-width:70px}.users-table td:nth-child(10),.users-table td:nth-child(9),.users-table th:nth-child(10),.users-table th:nth-child(9){max-width:130px;min-width:120px}.data-table{border-collapse:collapse;margin-top:10px;min-width:1000px;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e8e8e8;padding:8px;text-align:left;white-space:nowrap}.data-table th{background-color:#f7fbff;color:#333;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table tbody tr{background-color:#fff;transition:background-color .2s ease}.data-table tbody tr:hover{background-color:#f5f7fa}.data-table tbody tr:nth-child(2n){background-color:#fafafa}.data-table tbody tr:nth-child(2n):hover{background-color:#f0f2f5}.data-table td:nth-child(8),.data-table th:nth-child(8){max-width:150px;min-width:120px;text-align:center}.action-buttons{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:15px}.action-buttons .btn{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:10px 20px;text-align:center;transition:all .3s ease}.action-buttons .btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.action-buttons .btn:disabled{box-shadow:0 2px 4px #0000001a;cursor:not-allowed;opacity:.6;transform:none}.action-buttons .btn-primary{background-color:#1890ff;color:#fff}.action-buttons .btn-primary:hover:not(:disabled){background-color:#40a9ff;box-shadow:0 4px 8px #1890ff4d}.action-buttons .btn-secondary{background-color:#1890ff;color:#fff}.action-buttons .btn-secondary:hover:not(:disabled){background-color:#40a9ff;box-shadow:0 4px 8px #1890ff4d}.action-buttons .btn-success{background-color:#1890ff;color:#fff}.action-buttons .btn-success:hover:not(:disabled){background-color:#40a9ff;box-shadow:0 4px 8px #1890ff4d}.btn-sm{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.btn-sm:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.btn-sm:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-small{max-width:400px}.modal-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.modal-close:hover{background-color:#f5f5f5;color:#666}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid #e8e8e8;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.form-group{margin-bottom:16px}.form-group label{font-size:14px;margin-bottom:6px}.required{color:#ff4d4f;margin-left:2px}.readonly-text{color:#666;display:block;font-size:14px;padding:8px 0}.form-input,.form-textarea{border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.form-textarea{min-height:80px;resize:vertical}.delete-confirm-content{text-align:center}.warning-icon{font-size:48px;margin-bottom:16px}.delete-info{background-color:#f9f9f9;border-radius:6px;margin:16px 0;padding:16px;text-align:left}.delete-info p{color:#333;font-size:14px;margin:8px 0}.warning-text{color:#ff4d4f;font-size:14px;font-weight:500;margin-top:16px}.content-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.content-header h2{color:#333;font-size:24px;margin:0 0 10px}.content-header p{color:#666;font-size:14px;margin:0}.content-body{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.empty-state{color:#999;padding:60px 20px;text-align:center}.empty-state p{font-size:16px;margin:0}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1890ff;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{color:#ff4d4f;padding:60px 20px;text-align:center}.error-message{font-size:16px;margin:0 0 20px}.retry-button{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.retry-button:hover{background-color:#40a9ff}.enterprise-admin-view td,.enterprise-admin-view th{font-size:13px}.enterprise-admin-view td:first-child,.enterprise-admin-view th:first-child{padding:8px 10px;text-align:center;width:16%}.enterprise-admin-view td:first-child{text-decoration:underline}.enterprise-admin-view td:nth-child(2),.enterprise-admin-view td:nth-child(3),.enterprise-admin-view th:nth-child(2),.enterprise-admin-view th:nth-child(3){padding:8px 10px;width:13%}.enterprise-admin-view td:nth-child(4),.enterprise-admin-view th:nth-child(4){padding:8px 10px;width:10%}.enterprise-admin-view td:nth-child(5),.enterprise-admin-view td:nth-child(6),.enterprise-admin-view th:nth-child(5),.enterprise-admin-view th:nth-child(6){padding:8px 10px;text-align:center;width:16%}.enterprise-admin-view td:last-child,.enterprise-admin-view th:last-child{min-width:0;padding:8px 10px;width:16%}.users-table th{background-color:#fafafa;color:#333;font-weight:600}.users-table tr:hover{background-color:#f5f5f5}.status{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;min-width:40px;padding:4px 8px;text-align:center;white-space:nowrap}.status.active{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.status.inactive{background-color:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.membership-status{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;min-width:40px;padding:4px 8px;text-align:center;white-space:nowrap}.membership-status.valid{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.membership-status.expired{background-color:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.membership-status.never-expire{background-color:#f0f0f0;border:1px solid #d9d9d9;color:#666}.phone-cell{border-radius:4px;margin:-4px -8px;padding:4px 8px;position:relative;transition:all .2s ease}.phone-cell:hover{background-color:#f0f8ff;box-shadow:0 2px 4px #1890ff33;color:#1890ff;font-weight:500}.phone-cell:active{background-color:#e6f7ff;transform:scale(.98)}.enterprise-cell{border-radius:4px;margin:-4px -8px;padding:4px 8px;position:relative;transition:all .2s ease}.enterprise-cell:hover{background-color:#f0f8ff;box-shadow:0 2px 4px #1890ff33;color:#1890ff;font-weight:500}.enterprise-cell:active{background-color:#e6f7ff;transform:scale(.98)}.datetime-display{align-items:flex-start;line-height:1.2;text-align:left}.datetime-display .date-part{color:#333;font-size:12px;font-weight:500;text-align:center;width:100%}.datetime-display .time-part{color:#666;font-size:11px;margin-top:2px;text-align:center;width:100%}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:80vh;max-width:500px;min-width:400px;overflow-y:auto;padding:30px}.modal h3{color:#333;margin:0 0 20px;text-align:center}.form-group{margin-bottom:15px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.modal-actions{gap:10px;margin-top:20px}.drawer-overlay,.modal-actions{display:flex;justify-content:center}.drawer-overlay{align-items:center;background-color:#00000080;bottom:0;box-sizing:border-box;left:0;overflow:auto;padding:24px;position:fixed;right:0;top:0;z-index:1000}.drawer{animation:drawerFadeIn .18s ease-out;background:#fff;border-radius:12px;box-shadow:0 18px 40px #0000002e;display:flex;flex-direction:column;max-height:80vh;min-width:900px;overflow:hidden;width:900px}@keyframes drawerFadeIn{0%{opacity:.6;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.drawer-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 22px}.drawer-header h3{color:#333;font-size:18px;margin:0}.drawer-close{background:#0000;border:none;color:#666;cursor:pointer;font-size:22px;line-height:1;padding:4px 6px}.drawer-close:hover{color:#111}.drawer-body{flex:1 1;overflow-x:auto;overflow-y:auto;padding:20px 22px}.drawer-actions{border-top:1px solid #f0f0f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:center;padding:16px 22px 20px}.readonly-field{background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px;color:#666;padding:8px 12px}.edit-user-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(380px,1fr) minmax(380px,1fr);min-width:820px}.edit-user-panel{background:linear-gradient(180deg,#fafcff,#fff);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 14px #0f172a0a;padding:18px 18px 8px}.edit-user-panel-title{border-bottom:1px solid #eef2f7;color:#1f2937;font-size:15px;font-weight:700;margin-bottom:16px;padding-bottom:10px}.drawer .form-group{margin-bottom:18px}.drawer .form-group label{color:#374151;font-size:13px;margin-bottom:8px}.drawer .form-group input,.drawer .form-group select{background:#fff;box-sizing:border-box;min-height:36px;width:min(100%,290px)}.drawer .form-group input[type=datetime-local]{width:min(100%,310px)}.drawer .form-group input[type=number]{width:min(100%,210px)}.drawer .form-group small{color:#6b7280!important;display:block;line-height:1.5;margin-top:6px;max-width:320px}.drawer .readonly-field{align-items:center;background-color:#f8fafc;box-sizing:border-box;display:flex;min-height:36px;width:min(100%,290px)}.loading{color:#666}.error,.loading{align-items:center;display:flex;font-size:16px;height:200px;justify-content:center}.error{color:#ff4d4f}@media (max-width:768px){.account-management{padding:10px}.account-header,.users-list{padding:15px}.user-info{grid-template-columns:1fr}.account-actions{flex-direction:column;gap:10px}.modal{margin:20px;min-width:300px}.users-table{font-size:12px}.users-table td,.users-table th{padding:8px}.btn-sm{font-size:11px;margin-right:6px;padding:4px 8px}.users-table td:last-child{min-width:100px}.message-popup{left:50%;max-width:calc(100vw - 40px);min-width:280px;top:50%;transform:translate(-50%,-50%)}.search-inputs{gap:10px}.search-inputs,.search-item{align-items:stretch;flex-direction:column}.search-item{gap:5px}.search-item input{width:100%!important}.pagination{flex-direction:column;gap:10px}.page-info{text-align:center}}.message-popup{animation:slideIn .3s ease-out;left:50%;max-width:400px;min-width:300px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:2000}.message-popup.success{background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:6px;box-shadow:0 4px 12px #00000026}.message-popup.error{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:6px;box-shadow:0 4px 12px #00000026}.message-content{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.message-text{color:#333;flex:1 1;font-size:14px;margin-right:12px}.message-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;transition:background-color .2s;width:20px}.message-close:hover{background-color:#0000001a}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.user-detail-content{margin:20px 0}.detail-section{background:#f8f9fa;border-left:4px solid #1890ff;border-radius:6px;margin-bottom:25px;padding:15px}.detail-section h4{color:#1890ff;font-size:16px;font-weight:600;margin:0 0 10px}.detail-section p{color:#333;font-size:14px;line-height:1.5;margin:8px 0}.detail-section strong{color:#666;display:inline-block;font-weight:500;min-width:120px}.id-cell{transition:all .2s ease}.id-cell:hover{color:#1890ff!important;transform:scale(1.05)}.unlock-records{background:#fafafa;border:1px solid #e8e8e8;border-radius:4px;max-height:200px;overflow-y:auto;padding:10px}.unlock-record-item{border-bottom:1px solid #e8e8e8;margin-bottom:8px;padding:8px 0}.unlock-record-item:last-child{border-bottom:none;margin-bottom:0}.unlock-record-item p{font-size:13px;margin:4px 0}.unlock-history-content{margin:20px 0}.unlock-history-table{max-height:400px;overflow-y:auto}.unlock-history-table table{border-collapse:collapse;font-size:13px;width:100%}.unlock-history-table th{background:#f5f5f5;border:1px solid #e8e8e8;font-weight:600;padding:8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.unlock-history-table td{border:1px solid #e8e8e8;padding:8px;vertical-align:top}.unlock-history-table tr:nth-child(2n){background:#fafafa}.unlock-history-table tr:hover{background:#f0f0f0}.unlock-history-table .copy-cell{color:#409eff;cursor:pointer;text-decoration:underline}.unlock-history-table .copy-cell:hover{color:#1890ff}.today-unlock-content{margin:20px 0}.today-unlock-table{max-height:400px;overflow-y:auto}.today-unlock-table table{border-collapse:collapse;font-size:13px;width:100%}.today-unlock-table th{background:#f5f5f5;border:1px solid #e8e8e8;font-weight:600;padding:8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.today-unlock-table td{border:1px solid #e8e8e8;padding:8px;vertical-align:top}.today-unlock-table tr:nth-child(2n){background:#fafafa}.today-unlock-table tr:hover{background:#f0f0f0}.today-unlock-table .copy-cell{color:#409eff;cursor:pointer;text-decoration:underline}.today-unlock-table .copy-cell:hover{color:#1890ff}.expiring-soon{color:#ff4d4f;font-weight:700}.expiring-warning{color:#faad14;font-weight:700}.valid{color:#52c41a}.today-unlock-section{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.today-unlock-section h3{border-bottom:2px solid #1890ff;color:#333;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.today-unlock-content{margin-top:15px}.today-unlock-content p{background-color:#f9f9f9;border-radius:6px;color:#999;font-size:14px;margin:0;padding:20px;text-align:center}.today-unlock-table{overflow-x:auto}.today-unlock-section table{border:1px solid #e8e8e8;border-collapse:collapse;border-radius:6px;margin-top:10px;overflow:hidden;width:100%}.today-unlock-section th{background-color:#fafafa;border-bottom:1px solid #e8e8e8;color:#333;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.today-unlock-section td{border-bottom:1px solid #f0f0f0;color:#666;font-size:14px;padding:12px 16px}.today-unlock-section tbody tr:hover{background-color:#f5f5f5;transition:background-color .2s ease}.today-unlock-section tbody tr:nth-child(2n){background-color:#fafafa}.today-unlock-section tbody tr:nth-child(2n):hover{background-color:#f0f0f0}.today-unlock-section tbody tr:last-child td{border-bottom:none}.copy-text{background-color:initial!important;background:none!important;border:none!important;cursor:pointer;display:inline-block;margin:0!important;padding:0!important;position:relative;transition:all .3s ease}.copy-text:hover{color:#1890ff}.copy-text:hover:after{background-color:#333;border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;content:"单击复制";font-size:12px;padding:4px 8px;top:-30px;white-space:nowrap}.copy-text:hover:after,.copy-text:hover:before{left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.copy-text:hover:before{border:5px solid #0000;border-top-color:#333;content:"";top:-10px}.copy-text.copied{background-color:initial!important;background:none!important;border:none!important;color:#1890ff!important;font-weight:500!important;margin:0!important;padding:0!important}.copy-text.copied:after{background-color:#52c41a;border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;content:"已复制!";font-size:12px;padding:4px 8px;top:-30px;white-space:nowrap}.copy-text.copied:after,.copy-text.copied:before{animation:fadeInOut 2s ease-in-out;left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.copy-text.copied:before{border:5px solid #0000;border-top-color:#52c41a;content:"";top:-10px}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(10px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}.result-footer{align-items:center;display:flex;justify-content:space-between;margin-top:20px;padding:0 32px}.pagination-container{align-items:center;display:flex;gap:8px}.pagination-btn{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#666;cursor:pointer;font-size:14px;min-width:32px;padding:6px 12px;text-align:center;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#409eff;color:#409eff}.pagination-btn.active{background:#409eff;border-color:#409eff;color:#fff}.pagination-btn:disabled{background:#f5f5f5;color:#c0c4cc;cursor:not-allowed}.pagination-input{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;height:32px;outline:none;text-align:center;width:50px}.pagination-input:focus{border-color:#409eff}.pagination-jump-btn{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.pagination-jump-btn:hover{border-color:#409eff;color:#409eff}.page-size-select{background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:14px;outline:none;padding:6px 8px}.account-management.my-mark-page{background:#f7f4ee;background-image:radial-gradient(1200px 500px at 10% 0,#0f172a08,#0000 55%),radial-gradient(900px 420px at 90% 8%,rgba(37,99,235,.035),#0000 55%),linear-gradient(180deg,#ffffff85,#fff0);color:#0f172a;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Microsoft YaHei,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Arial,sans-serif;padding:18px 18px 26px}.account-management.my-mark-page .content-body,.account-management.my-mark-page .content-header{border:1px solid #0f172a12;border-radius:12px;box-shadow:0 2px 10px #0f172a0f}.account-management.my-mark-page .content-header{margin-bottom:14px;padding:18px 20px}.account-management.my-mark-page .content-header h2{font-size:24px;letter-spacing:.2px}.account-management.my-mark-page .content-header p{color:#64748b}.account-management.my-mark-page .content-body{overflow:visible;padding:12px 14px 14px}.account-management.my-mark-page .batch-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between;margin:2px 0 12px}.account-management.my-mark-page .batch-actions-left,.account-management.my-mark-page .batch-actions-right{align-items:center;display:flex;flex:0 0 auto}.account-management.my-mark-page .batch-actions-right{margin-left:auto}.account-management.my-mark-page .batch-actions .btn{white-space:nowrap}.account-management.my-mark-page .btn{border-radius:10px}.account-management.my-mark-page .btn.btn-danger,.account-management.my-mark-page .btn.btn-primary{font-size:13px;padding:9px 16px}.account-management.my-mark-page .table-container{border:1px solid #0f172a14;border-radius:12px;box-shadow:none;margin-top:0}.account-management.my-mark-page .data-table{margin-top:0;min-width:1180px;table-layout:fixed}.account-management.my-mark-page .data-table td,.account-management.my-mark-page .data-table th{line-height:1.25;padding:6px 10px}.account-management.my-mark-page .data-table tbody tr{height:42px}.account-management.my-mark-page .data-table th{background:#f8fafce6;border-bottom:1px solid #0f172a14;color:#0f172ae0}.account-management.my-mark-page .data-table tbody tr{transition:background-color .18s ease}.account-management.my-mark-page .data-table tbody tr:hover{background-color:#0f172a08}.account-management.my-mark-page .data-table tbody tr:nth-child(2n){background-color:#ffffffa6}.account-management.my-mark-page .data-table tbody tr:nth-child(2n):hover{background-color:rgba(15,23,42,.035)}.account-management.my-mark-page .mark-td-check,.account-management.my-mark-page .mark-th-check{text-align:center;width:52px}.account-management.my-mark-page .mark-td-index,.account-management.my-mark-page .mark-th-index{text-align:center;width:62px}.account-management.my-mark-page .mark-td-code,.account-management.my-mark-page .mark-th-code{width:190px}.account-management.my-mark-page .mark-td-name,.account-management.my-mark-page .mark-th-name{width:320px}.account-management.my-mark-page .mark-td-type,.account-management.my-mark-page .mark-th-type{width:120px}.account-management.my-mark-page .mark-td-remark,.account-management.my-mark-page .mark-th-remark{width:220px}.account-management.my-mark-page .mark-td-time,.account-management.my-mark-page .mark-th-time{width:110px}.account-management.my-mark-page .mark-td-actions,.account-management.my-mark-page .mark-th-actions{text-align:center;width:150px}.account-management.my-mark-page .data-table .action-buttons{gap:6px;margin-top:0}.account-management.my-mark-page .data-table .action-buttons .btn{border-radius:10px;box-shadow:0 1px 4px #0f172a1a;font-size:12px;min-width:52px;padding:4px 10px}.account-management.my-mark-page .data-table .action-buttons .btn:hover:not(:disabled){box-shadow:0 6px 16px #0f172a24;transform:translateY(-1px)}.account-management.my-mark-page .mark-td-code,.account-management.my-mark-page .mark-td-name,.account-management.my-mark-page .mark-td-remark{overflow:hidden}.account-management.my-mark-page .data-table td .copy-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.account-management.my-mark-page .copy-text{color:#0f172adb}.account-management.my-mark-page .copy-text:hover{color:#1d4ed8}.account-management.my-mark-page .copy-text.copied{color:#1d4ed8!important}.account-management.my-mark-page .result-footer{margin-top:14px;padding:0 8px}.account-management.my-mark-page .result-total{color:#64748b}.account-management.my-mark-page .pagination-btn.active{background:#1d4ed8;border-color:#1d4ed8}.my-mark-toolbar{flex-direction:row!important;gap:12px!important;justify-content:space-between!important}.my-mark-toolbar,.my-mark-toolbar .batch-actions-left,.my-mark-toolbar .batch-actions-right{align-items:center!important;display:flex!important}.my-mark-toolbar .batch-actions-right{margin-left:auto!important}.my-mark-toolbar .btn{border-radius:8px!important;font-size:13px!important;height:32px!important;line-height:32px!important;padding:0 14px!important;white-space:nowrap!important}.my-mark-toolbar+.table-container{overflow-x:auto!important}.my-mark-table{font-size:12px!important;min-width:1100px!important;table-layout:fixed!important}.my-mark-table th{font-weight:600!important;height:36px!important;padding:4px 10px!important}.my-mark-table td,.my-mark-table th{font-size:12px!important;line-height:16px!important}.my-mark-table td{height:32px!important;padding:2px 10px!important;vertical-align:middle!important}.my-mark-table .mark-td-check,.my-mark-table .mark-th-check{text-align:center!important;width:40px!important}.my-mark-table .mark-td-index,.my-mark-table .mark-th-index{text-align:center!important;width:56px!important}.my-mark-table .mark-td-code,.my-mark-table .mark-th-code{width:180px!important}.my-mark-table .mark-td-name,.my-mark-table .mark-th-name{width:280px!important}.my-mark-table .mark-td-time,.my-mark-table .mark-th-time{width:120px!important}.my-mark-table .mark-td-actions,.my-mark-table .mark-th-actions{text-align:center!important;width:160px!important}.my-mark-table .action-buttons{align-items:center!important;gap:6px!important;justify-content:center!important;margin-top:0!important}.my-mark-table .action-buttons .btn.btn-sm{border-radius:6px!important;box-shadow:none!important;font-size:12px!important;height:24px!important;line-height:24px!important;min-width:52px!important;padding:0 10px!important}.my-mark-table td .copy-text{display:inline-block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:middle!important;white-space:nowrap!important}.page-size-select:focus{border-color:#409eff}.result-total{color:#666;font-size:16px}.policy-title{color:#333;flex:1 1;font-size:14px;font-weight:600;line-height:1.4;margin:0 20px 0 0;transition:all .3s}.policy-title:hover{color:#1890ff;text-decoration:underline}.login-overview{background:#f5f7fa;min-height:100vh;padding:24px}.stats-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:14px}.stat-card{background:#fff;border:1px solid #e4e7ed;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:12px}.stat-label{color:#666;font-size:14px;margin-bottom:4px}.stat-value{color:#333;font-size:24px;font-weight:700}.filter-section{background:#fff;border:1px solid #e4e7ed;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:16px}.filter-row{flex-wrap:wrap;gap:16px}.filter-item,.filter-row{align-items:center;display:flex}.filter-item{gap:8px}.filter-item label{color:#333;font-size:14px;white-space:nowrap}.records-table-container{background:#fff;border:1px solid #e4e7ed;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.records-table{min-width:100%}.records-table.records-table-compact{background-color:#fff;border-collapse:collapse;font-size:12px;min-width:1200px;table-layout:fixed;width:100%}.records-table.records-table-compact th{background-color:#f5f7fa;border:1px solid #e4e7ed;color:#333;font-size:12px;font-weight:600;height:36px;line-height:16px;padding:4px 10px;text-align:left;white-space:nowrap}.records-table.records-table-compact td{border:1px solid #e4e7ed;font-size:12px;height:32px;line-height:16px;overflow:hidden;padding:2px 10px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.records-table.records-table-compact tbody tr:hover{background-color:#f5f7fa}.records-cell-action,.records-cell-index{text-align:center}.records-cell-phone{color:#409eff;cursor:pointer;text-decoration:underline}.records-cell-ip,.records-cell-nickname,.records-cell-phone{-webkit-user-select:none;user-select:none}.records-cell-ip{cursor:default}.records-ip-cell{align-items:center;display:flex;gap:8px}.records-ip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.records-mini-btn{background-color:#409eff;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:12px;height:24px;line-height:24px;margin-left:auto;padding:0 10px}.records-mini-btn:hover{filter:brightness(.96)}.records-empty{color:#999;padding:30px 12px;text-align:center}.records-table th{background-color:#f5f7fa;color:#333;font-weight:600}.records-table td,.records-table th{border:1px solid #e4e7ed;padding:12px;text-align:left}.records-table tbody tr:hover{background-color:#f5f7fa}.datetime-display{display:flex;flex-direction:column;gap:2px}.date-part{color:#333;font-size:13px}.time-part{color:#999;font-size:12px}@media (max-width:1200px){.stats-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-cards{grid-template-columns:1fr}.filter-item,.filter-row{align-items:stretch;flex-direction:column}}
/*# sourceMappingURL=main.7f56e51b.css.map*/