:root{--stts-bg:#f7fbff;--stts-surface:#fff;--stts-border:#0f3c781f;--stts-text:#0b1f3a;--stts-muted:#0b1f3aa6;--stts-blue-700:#0a3d91;--stts-blue-600:#0d56c3;--stts-blue-500:#1c6be3;--stts-blue-100:#e6f0ff;--stts-shadow:0 12px 30px #0a3d911f;--stts-radius:14px;--stts-radius-sm:10px}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--stts-text);background:radial-gradient(1000px 600px at 20% 0%, #1c6be31f, transparent 55%), radial-gradient(900px 540px at 85% 10%, #0a3d911f, transparent 60%), var(--stts-bg);background-attachment:fixed;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;font-size:16px}@media (width<=768px){body{font-size:14px}}a{color:inherit;text-decoration:none}#root{min-height:100vh}.loginModalRoot.backdrop{-webkit-backdrop-filter:blur(2px);z-index:1000;background:#0000001a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loginModalRoot .card{color:#fff;background:#141414d9;border:1px solid #ffffff1a;border-radius:20px;width:400px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden;box-shadow:0 12px 48px #0006}.loginModalRoot .top{justify-content:space-between;align-items:center;padding:24px 32px 0;display:flex}.loginModalRoot .title{color:#fff;font-size:22px;font-weight:600}.loginModalRoot .close{color:#ffffff73;cursor:pointer;background:0 0;border:none;font-size:20px;transition:color .2s}.loginModalRoot .close:hover{color:#fff}.loginModalRoot .tabs{border-bottom:1px solid #ffffff1a;gap:24px;margin-top:24px;padding:0 32px;display:flex}.loginModalRoot .tabIndicator{background:#1677ff;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.loginModalRoot .tabItem{color:#ffffff73;cursor:pointer;padding:0 4px 12px;font-size:16px;transition:color .3s;position:relative}.loginModalRoot .tabItem:hover{color:#ffffffd9}.loginModalRoot .tabItem.active{color:#1677ff;font-weight:500}.loginModalRoot .form{padding:24px 32px 32px}.loginModalRoot .field{margin-bottom:20px}.loginModalRoot .label{color:#ffffffa6;margin-bottom:8px;font-size:14px}.loginModalRoot .input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;height:44px;padding:0 16px;font-size:16px;transition:all .3s}.loginModalRoot .input:hover{border-color:#1677ff}.loginModalRoot .input:focus{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff33}.loginModalRoot .input::placeholder{color:#ffffff40}.loginModalRoot .sendSmsBtn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;width:120px;height:44px;font-size:14px;transition:all .3s}.loginModalRoot .sendSmsBtn:hover:not(:disabled){color:#1677ff;border-color:#1677ff}.loginModalRoot .sendSmsBtn:disabled{color:#ffffff4d;cursor:not-allowed;border-color:#ffffff1a}.loginModalRoot .hint{color:#ff4d4f;margin-bottom:16px;font-size:14px}.loginModalRoot .hintInfo{color:#ffffff73;margin-bottom:16px;font-size:14px}.loginModalRoot .agreementRow{align-items:center;margin-bottom:24px;display:flex}.loginModalRoot .agreementRow.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.loginModalRoot .checkboxLabel{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.loginModalRoot .checkbox{accent-color:#1677ff;cursor:pointer;width:16px;height:16px;margin:0 8px 0 0}.loginModalRoot .checkboxText{color:#ffffffa6;font-size:13px}.loginModalRoot .checkboxText a{color:#1677ff;text-decoration:none;transition:color .3s}.loginModalRoot .checkboxText a:hover{color:#4096ff}.loginModalRoot .actions{gap:12px;margin-top:10px;display:flex}.loginModalRoot .btn{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;flex:1;height:44px;font-size:16px;font-weight:500;transition:all .3s}.loginModalRoot .btn:hover{background:#ffffff26}.loginModalRoot .btn:disabled{opacity:.5;cursor:not-allowed}.loginModalRoot .primary{background:#1677ff;border:none;box-shadow:0 4px 14px #1677ff4d}.loginModalRoot .primary:hover{background:#4096ff}.loginModalRoot .primary:disabled{box-shadow:none;color:#ffffff4d;background:#ffffff14}.appShellRoot{flex-direction:column;min-height:100dvh;display:flex}.appShellRoot .header{z-index:10;border-bottom:1px solid var(--stts-border);background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 18px;display:flex;position:sticky;top:0}.appShellRoot .brand{align-items:center;gap:12px;min-width:0;display:flex}.appShellRoot .logoMark{background:var(--stts-blue-600);border-radius:4px;width:28px;height:28px}.appShellRoot .brandText{flex-direction:column;min-width:0;line-height:1.15;display:flex}.appShellRoot .brandTitle{letter-spacing:.6px;font-weight:700}.appShellRoot .brandSub{color:var(--stts-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.appShellRoot .headerRight{position:relative}.appShellRoot .userButton{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;height:32px;padding:0 12px;transition:all .2s;display:inline-flex}.appShellRoot .userButton:hover{background:#0a3d910a}.appShellRoot .userAvatar{object-fit:cover;border:1px solid #0000000d;border-radius:50%;width:24px;height:24px;margin-left:-8px}.appShellRoot .userName{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:14px;font-weight:600;overflow:hidden}.appShellRoot .chevron{border-bottom:2px solid #0b1f3a8c;border-right:2px solid #0b1f3a8c;width:10px;height:10px;margin-top:-2px;transition:transform .16s;transform:rotate(45deg)}.appShellRoot .chevronOpen{margin-top:2px;transform:rotate(225deg)}.appShellRoot .dropdownMenu{border:1px solid var(--stts-border);transform-origin:100% 0;background:#fff;border-radius:8px;width:160px;padding:4px;animation:.15s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #00000014}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.appShellRoot .dropdownMenuItem{color:var(--stts-muted);border-radius:10px;padding:10px;font-size:14px}.appShellRoot .menuBtn{text-align:left;cursor:pointer;width:100%;color:var(--stts-text);background:0 0;border:none;border-radius:4px;padding:8px 12px;font-size:14px;font-weight:400;transition:background .15s}.appShellRoot .menuBtn:hover{background:#0a3d910a}.appShellRoot .body{flex:1;grid-template-columns:1fr;gap:18px;width:min(1200px,100%);margin:0 auto;padding:18px;display:grid}.appShellRoot .body.withNav{grid-template-columns:320px 1fr}.appShellRoot .leftNav{border:1px solid var(--stts-border);border-radius:var(--stts-radius);background:#ffffffe6;overflow:hidden;box-shadow:0 10px 24px #0a3d9114}.appShellRoot .main{min-width:0}@media (width<=960px){.appShellRoot .body{flex-direction:column;gap:12px;padding:12px;display:flex}.appShellRoot .leftNav{order:0}}.footerRoot.footer{border-top:1px solid var(--stts-border);background:var(--stts-footer-bg,#ffffffd1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;height:56px;margin-top:auto;padding:0;display:flex}.footerRoot .footerContent{justify-content:center;width:min(1200px,100%);margin:0 auto;padding:0 18px;display:flex}.footerRoot .info{color:var(--stts-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.footerRoot .separator{color:var(--stts-border)}.footerRoot .link{color:var(--stts-muted);align-items:center;gap:6px;transition:color .2s;display:inline-flex}.footerRoot .link:hover{color:var(--stts-blue-600)}.footerRoot .icon{width:16px;height:16px}@media (width<=768px){.footerRoot .footer{height:auto;min-height:56px;padding:16px 12px}.footerRoot .info{text-align:center;flex-flow:wrap;justify-content:center;gap:6px;font-size:12px;line-height:1.5}.footerRoot .separator{margin:0 4px;display:inline-block}.footerRoot .separator:first-of-type{display:none}.footerRoot .info>span:first-child{width:100%;margin-bottom:2px}.footerRoot .link{white-space:nowrap}.footerRoot .links{margin-top:0}}.homePageRoot{flex-direction:column;min-height:100dvh;display:flex}.homePageRoot .hero{border-radius:var(--stts-radius);border:1px solid var(--stts-border);box-shadow:var(--stts-shadow);background-color:#0000;background-image:linear-gradient(135deg,#0a3d91db,#1c6be3b8),url(/assets/hero-CLDdwZDr.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:30vh;min-height:240px;max-height:360px;position:relative;overflow:hidden}.homePageRoot .heroInner{color:#fffffff2;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:22px;display:flex;position:relative}.homePageRoot .heroTitle{letter-spacing:.4px;font-size:28px;font-weight:800}.homePageRoot .heroSub{color:#ffffffd1;margin-top:8px;font-size:14px}.homePageRoot .searchWrap{justify-content:center;width:min(720px,100%);margin-top:18px;display:flex}.homePageRoot .searchInput{color:#fffffff2;background:#ffffff29;border:1px solid #ffffff40;border-radius:999px;outline:none;width:80%;height:46px;padding:0 16px;box-shadow:0 14px 30px #0a3d912e}.homePageRoot .searchInput::placeholder{color:#ffffffb3}.homePageRoot .gridSection{margin-top:18px}.homePageRoot .sectionTitle{color:var(--stts-text);margin:18px 4px 12px;font-weight:800}.homePageRoot .groupBlock{margin-bottom:24px}.homePageRoot .groupDivider{border:none;border-top:1px dashed var(--stts-border);margin:16px 4px 20px}.homePageRoot .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.homePageRoot .card{border:1px solid var(--stts-border);border-radius:var(--stts-radius);text-align:center;background:#ffffffeb;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:14px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 10px 22px #0a3d9114}.homePageRoot .card:hover{transform:translateY(-1px);box-shadow:0 14px 30px #0a3d9124}.homePageRoot .cardCode{color:#0b1f3a99;font-size:12px;font-weight:700}.homePageRoot .cardName{color:var(--stts-text);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:140px;margin:0 auto;font-size:15px;font-weight:800;overflow:hidden}@media (width<=1024px){.homePageRoot .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.homePageRoot .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.homePageRoot .card{text-align:left;align-items:flex-start}.homePageRoot .cardName{text-align:left;max-width:100%;margin:0}}@media (width<=520px){.homePageRoot .heroInner{padding:26px 16px}.homePageRoot .heroTitle{font-size:22px}.homePageRoot .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.categoryPageRoot{flex-direction:column;min-height:100dvh;display:flex}.categoryPageRoot .nav{flex-direction:column;height:calc(100dvh - 92px);display:flex}.categoryPageRoot .navTop{border-bottom:1px solid var(--stts-border);justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 10px;display:flex}.categoryPageRoot .navTitle{font-weight:900}.categoryPageRoot .navHome{color:var(--stts-blue-600);font-size:13px;font-weight:700}.categoryPageRoot .treeMenu{flex:1;padding:10px 10px 6px;overflow:auto}.categoryPageRoot .group{margin-bottom:10px}.categoryPageRoot .item,.categoryPageRoot .childItem{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.categoryPageRoot .item[aria-current=true],.categoryPageRoot .childItem[aria-current=true]{background:#1c6be31a;border-color:#1c6be340}.categoryPageRoot .children{flex-direction:column;gap:6px;margin-top:6px;padding-left:10px;display:flex}.categoryPageRoot .itemCode{color:#0b1f3a8c;min-width:52px;font-size:12px;font-weight:800}.categoryPageRoot .itemTitle{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:800;overflow:hidden}.categoryPageRoot .rightContent{flex-direction:column;gap:12px;height:calc(100dvh - 92px);display:flex}.categoryPageRoot .tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;flex-shrink:0;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.categoryPageRoot .tabs::-webkit-scrollbar{height:4px}.categoryPageRoot .tabs::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.categoryPageRoot .tabItems{white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--stts-border);cursor:pointer;max-width:150px;color:var(--stts-muted);background:#fff9;border-radius:8px;flex-shrink:0;padding:8px 16px;font-weight:600;transition:all .2s;overflow:hidden}.categoryPageRoot .tabItems:hover{background:#ffffffe6}.categoryPageRoot .tabActive{border-color:var(--stts-blue-600);color:var(--stts-blue-600);background:#fffffff2;box-shadow:0 4px 12px #0a3d9114}.categoryPageRoot .viewerArea{flex-direction:column;flex:1;min-height:0;display:flex}.categoryPageRoot .iframe{border:1px solid var(--stts-border);border-radius:var(--stts-radius);background:#ffffffe6;flex:1;width:100%}.categoryPageRoot .html{border:1px solid var(--stts-border);border-radius:var(--stts-radius);background:#ffffffeb;flex:1;padding:16px;overflow:auto;box-shadow:0 10px 22px #0a3d9114}.categoryPageRoot .html table{border-collapse:collapse;white-space:nowrap;width:100%;margin-bottom:16px;display:block;overflow-x:auto}.categoryPageRoot .html table::-webkit-scrollbar{height:6px}.categoryPageRoot .html table::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.categoryPageRoot .html table tr{transition:background-color .2s,box-shadow .2s}.categoryPageRoot .html table tr:hover{z-index:1;background-color:#0a3d9108;position:relative;box-shadow:0 2px 8px #0a3d9114}.categoryPageRoot .html table th,.categoryPageRoot .html table td{border:1px solid var(--stts-border);padding:8px}.categoryPageRoot .html table th{background:#0a3d910a;font-weight:600}.categoryPageRoot .html img{max-width:100%;height:auto}.categoryPageRoot .empty{border-radius:var(--stts-radius);height:calc(100dvh - 92px);color:var(--stts-muted);border:1px dashed #0f3c783d;justify-content:center;align-items:center;display:flex}.categoryPageRoot .loginBtn{cursor:pointer;height:40px;color:var(--stts-blue-700);background:linear-gradient(135deg,#1c6be324,#0a3d9114);border:1px solid #1c6be359;border-radius:12px;padding:0 14px;font-weight:900}@media (width<=960px){.categoryPageRoot .nav{height:auto}.categoryPageRoot .navTop{padding:10px 10px 8px}.categoryPageRoot .treeMenu{padding:8px 8px 4px}.categoryPageRoot .rightContent{gap:8px;height:62dvh}.categoryPageRoot .html{padding:12px}}.loginPageRoot{background:#050505;flex-direction:column;min-height:100dvh;display:flex}.loginPageRoot.page{--stts-footer-bg:transparent;--stts-surface:transparent;--stts-border:#ffffff1a;--stts-muted:#ffffff73;--stts-blue-600:#1677ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.loginPageRoot.page:before{content:"";filter:blur(60px);z-index:0;background:radial-gradient(circle,#1677ff26 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:absolute;top:-10%;left:-10%}.loginPageRoot.page:after{content:"";filter:blur(80px);z-index:0;background:radial-gradient(circle,#722ed11f 0%,#0000 70%);border-radius:50%;width:60vw;height:60vw;position:absolute;bottom:-10%;right:-10%}.loginPageRoot .contentWrapper{z-index:1;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative}.loginPageRoot .container{-webkit-backdrop-filter:blur(24px);z-index:1;background:#141414a6;border:1px solid #ffffff14;border-radius:24px;width:1000px;height:600px;display:flex;overflow:hidden;box-shadow:0 4px 24px -1px #0003,inset 0 0 0 1px #ffffff05}@media (width<=1024px){.loginPageRoot .container{width:90%;height:auto;min-height:600px}}@media (width<=768px){.loginPageRoot .container{flex-direction:column;min-height:auto}}.loginPageRoot .left{color:#fff;background:linear-gradient(135deg,#1677ffe6 0%,#003a8cf2 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}@media (width<=768px){.loginPageRoot .left{display:none}}.loginPageRoot .left:before{content:"";z-index:1;background-image:radial-gradient(circle at 20% 30%,#ffffff1a 0%,#0000 10%),radial-gradient(circle at 80% 70%,#ffffff14 0%,#0000 15%);position:absolute;inset:0}.loginPageRoot .circle1{z-index:0;background:linear-gradient(135deg,#ffffff1a,#fff0);border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.loginPageRoot .circle2{z-index:0;background:linear-gradient(135deg,#ffffff0d,#fff0);border-radius:50%;width:150px;height:150px;position:absolute;bottom:40px;left:-40px}.loginPageRoot .brandContent{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex}.loginPageRoot .brandContent h1{color:#fff;letter-spacing:.5px;text-shadow:0 2px 4px #0000001a;margin-bottom:12px;font-size:32px;font-weight:700}.loginPageRoot .brandContent h2{opacity:.9;letter-spacing:1px;margin-bottom:24px;font-size:18px;font-weight:400}.loginPageRoot .brandContent p{opacity:.75;max-width:280px;font-size:14px;line-height:1.6}.loginPageRoot .logoWrapper{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex;box-shadow:0 8px 16px #0000001a}.loginPageRoot .logoWrapper .logoIcon{color:#1677ff;letter-spacing:2px;font-size:24px;font-weight:900}.loginPageRoot .right{background:#0a0a0a66;flex-direction:column;flex:1.2;justify-content:center;padding:60px 80px;display:flex;position:relative}@media (width<=768px){.loginPageRoot .right{padding:40px 24px}}.loginPageRoot .formContent{width:100%;max-width:360px;margin:0 auto}.loginPageRoot .header{margin-bottom:32px}.loginPageRoot .header h3{color:#fff;margin:0 0 8px;font-size:28px;font-weight:600}.loginPageRoot .header p{color:#ffffff73;margin:0;font-size:14px}.loginPageRoot .tabs{border-bottom:1px solid #ffffff1a;gap:24px;margin-bottom:24px;display:flex}.loginPageRoot .tabIndicator{background:#1677ff;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.loginPageRoot .tabItem{color:#ffffff73;cursor:pointer;padding:0 4px 12px;font-size:16px;transition:color .3s;position:relative}.loginPageRoot .tabItem:hover{color:#ffffffd9}.loginPageRoot .tabItem.active{color:#1677ff;font-weight:500}.loginPageRoot .fieldsWrapper{min-height:140px;position:relative}.loginPageRoot .field{margin-bottom:24px}.loginPageRoot .input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;height:44px;padding:0 16px;font-size:16px;transition:all .3s}.loginPageRoot .input:hover{border-color:#1677ff}.loginPageRoot .input:focus{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff33}.loginPageRoot .input::placeholder{color:#ffffff40}.loginPageRoot .submitBtn{color:#fff;cursor:pointer;background:#1677ff;border:none;border-radius:8px;width:100%;height:44px;margin-top:10px;font-size:16px;font-weight:500;transition:all .3s;box-shadow:0 4px 14px #1677ff4d}.loginPageRoot .submitBtn:hover{background:#4096ff}.loginPageRoot .submitBtn:disabled{color:#ffffff4d;box-shadow:none;cursor:not-allowed;background:#ffffff14}.loginPageRoot .sendSmsBtn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;width:120px;height:44px;font-size:14px;transition:all .3s}.loginPageRoot .sendSmsBtn:hover:not(:disabled){color:#1677ff;border-color:#1677ff}.loginPageRoot .sendSmsBtn:disabled{color:#ffffff4d;cursor:not-allowed;border-color:#ffffff1a}.loginPageRoot .registerHint{text-align:center;color:#ffffff73;margin-top:16px;font-size:12px}.loginPageRoot .errorHint{color:#ff4d4f;text-align:center;margin-bottom:16px;font-size:14px}.loginPageRoot .agreementRow{align-items:center;margin-bottom:24px;display:flex}.loginPageRoot .agreementRow.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}.loginPageRoot .checkboxLabel{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.loginPageRoot .checkbox{accent-color:#1677ff;cursor:pointer;width:16px;height:16px;margin:0 8px 0 0}.loginPageRoot .checkboxText{color:#ffffffa6;font-size:13px}.loginPageRoot .checkboxText a{color:#1677ff;text-decoration:none;transition:color .3s}.loginPageRoot .checkboxText a:hover{color:#4096ff}.loginPageRoot .backBtn{color:#fff9;cursor:pointer;z-index:10;background:0 0;border:1px solid #fff3;border-radius:6px;padding:6px 12px;font-size:14px;transition:all .2s;position:absolute;top:24px;right:24px}.loginPageRoot .backBtn:hover{color:#fff;background:#ffffff1a;border-color:#fff6}.profilePage{background:linear-gradient(#f5f7fb 0%,#fff 60%);min-height:calc(100vh - 56px);padding:24px 16px}.profilePage .profileContainer{grid-template-columns:1fr;gap:16px;max-width:960px;margin:0 auto;display:grid}.profilePage .profileCard{border:1px solid #0000000f;border-radius:12px;box-shadow:0 8px 24px #0000000f}.profilePage .tabPanel{padding-top:8px}.profilePage .basicHeader{justify-content:flex-start;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.profilePage .avatarBlock{align-items:center;gap:12px;width:120px;display:flex}.profilePage .avatarBlock .avatarUploader{width:96px;height:96px;display:block}.profilePage .avatarBlock .avatarUploader .ant-upload{background:0 0!important;border:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}.profilePage .avatarBlock .avatarUploadBtn{cursor:pointer;color:#0000008c;background:#00000005;border:1px dashed #00000026;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:96px;height:96px;padding:0;transition:border-color .3s;display:flex}.profilePage .avatarBlock .avatarUploadBtn:hover{color:#1677ff;border-color:#1677ff}.profilePage .avatarBlock .avatarEmptyText{font-size:12px;line-height:1}.profilePage .avatarBlock .avatarWrapper{border:1px solid #0000000f;border-radius:50%;width:96px;height:96px;position:relative;overflow:hidden}.profilePage .avatarBlock .avatarWrapper img{object-fit:cover;width:100%;height:100%;display:block}.profilePage .avatarBlock .avatarWrapper .avatarMask{opacity:0;cursor:default;background-color:#00000080;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.profilePage .avatarBlock .avatarWrapper:hover .avatarMask{opacity:1}.profilePage .avatarBlock .avatarWrapper .avatarMaskIcon{color:#ffffffd9;cursor:pointer;font-size:16px;transition:color .3s}.profilePage .avatarBlock .avatarWrapper .avatarMaskIcon:hover{color:#fff;transform:scale(1.1)}.profilePage .basicActions{gap:8px;display:flex}.profilePage .basicForm{max-width:520px}.profilePage .basicSave{justify-content:center;margin-top:8px;display:flex}.profilePage .saveBtn{border-radius:999px;width:120px}.profilePage .securityList{border:1px solid #0000000f;border-radius:12px;overflow:hidden}.profilePage .securityItem{background:#fff;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.profilePage .securityItem:last-child{border-bottom:none}.profilePage .securityItem .securityLeft{flex-direction:column;gap:4px;display:flex}.profilePage .securityItem .securityTitle{font-weight:600}.profilePage .securityItem .securityDesc{color:#000000a6;font-size:12px}.profilePage .securityItem.danger .securityDesc{color:#0000008c}.profilePage .verifyHint{color:#00000073;font-size:12px}.profilePage .ant-tabs-left>.ant-tabs-nav{width:140px}.profilePage .ant-tabs-nav{margin-bottom:0!important}.profilePage .ant-tabs-left>.ant-tabs-content-holder{padding-left:16px}.profilePage .ant-tabs-top>.ant-tabs-content-holder{padding-left:0}@media (width<=768px){.profilePage{padding:16px 12px}.profilePage .basicHeader{flex-direction:column;align-items:stretch}.profilePage .basicActions{justify-content:flex-start}}