.xr-page{height:100%;min-height:0;display:flex;flex-direction:column;background:#fafafa;color:#333}.xr-nav{height:52px;flex:none;display:flex;align-items:center;justify-content:center;position:relative;padding:0 16px}.xr-nav>b{font-size:17px;font-weight:500}.xr-nav>button:first-child{position:absolute;left:14px;display:grid;place-items:center;width:24px;height:40px}.xr-nav .xr-nav-right{position:absolute;right:17px;font-size:16px}.xr-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:none;padding:14px 16px 35px}.xr-group{border-radius:17px;background:#fff;overflow:hidden;margin-bottom:24px}.xr-row{display:flex;width:100%;align-items:center;gap:15px;min-height:53px;padding:12px 18px;position:relative;text-align:left;font-size:17px;color:#333}.xr-row>svg{width:23px;height:23px;flex:none}.xr-row>span{flex:1}.xr-row>i{font-style:normal;font-size:25px;color:#d5d5d5}.xr-row>em{font-size:16px;color:#aaa;font-style:normal}.xr-group .xr-row+.xr-row:before{content:'';position:absolute;top:0;right:0;left:52px;border-top:1px solid #f4f4f4}.xr-session button{display:block;width:100%;height:50px;font-size:17px}.xr-session button+button{border-top:1px solid #f3f3f3}.xr-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 3px;padding:3px 0 25px}.xr-legal button{color:#24465e;font-size:12px}.xr-mask{position:absolute;inset:0;z-index:90;display:flex}.xr-shade{position:absolute;inset:0;background:rgba(0,0,0,.6)}.xr-drawer{position:relative;width:78.5%;height:100%;background:#fafafa;color:#333;display:flex;flex-direction:column}.xr-drawer-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:none;padding:23px 16px 0}.xr-drawer section{border-radius:16px;background:#fff;margin-bottom:9px;overflow:hidden}.xr-drawer .xr-row{min-height:50px;font-size:16px;padding:12px 17px;gap:16px}.xr-drawer section:first-child .xr-row{height:57px}.xr-drawer .xr-row>em{color:#777}.xr-stats{display:flex;justify-content:space-around;border-top:1px solid #f2f2f2;margin:0 16px;padding:20px 0 14px}.xr-stats>div{text-align:center}.xr-stats b{font-size:18px;font-weight:500;display:block}.xr-stats small{font-size:12px}.xr-stats span,.xr-tools span{display:block;font-size:12px;color:#999;margin-top:7px}.xr-tools{display:flex;justify-content:space-around;padding:8px 12px 17px}.xr-tools svg{width:23px;height:23px}.xr-drawer-foot{height:133px;flex:none;display:flex;justify-content:space-around;padding:19px 13px 35px}.xr-drawer-foot button{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:13px;color:#999;white-space:nowrap}.xr-drawer-foot i{width:45px;height:45px;border-radius:50%;background:#f3f3f3;display:grid;place-items:center;color:#555}.xr-drawer-foot svg{width:24px;height:24px}.xr-account{width:100%;display:flex;gap:12px;align-items:center;padding:10px 16px;text-align:left;min-height:66px;position:relative;font-size:16px}.xr-account+.xr-account:before{content:'';position:absolute;left:16px;right:16px;top:0;border-top:1px solid #f3f3f3}.xr-account-ava,.xr-add{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#eee4d8;color:#99856d;flex:none;overflow:hidden}.xr-account-ava img{width:100%;height:100%;object-fit:cover}.xr-add{background:#fff;border:1px solid #eee;font-size:27px;color:#bbb}.xr-account small{display:block;font-size:13px;color:#aaa;margin-top:6px}.xr-account i{margin-left:auto;color:#ff2442;font-style:normal;font-size:25px}.xr-account em{margin-left:auto;font-size:13px;font-style:normal;color:#aaa}.xr-account-tip{font-size:15px;padding:0 16px;line-height:1.6}.xr-accounts{margin-bottom:11px}.xr-login-page{background:#fff}.xr-login-scroll{flex:1;overflow:auto;min-height:0}.xr-login-scroll h1{text-align:center;font-size:24px;font-weight:600;margin:1px 0 49px}.xr-login-form{margin:0 12%}.xr-field{display:flex;align-items:center;border-bottom:1px solid #eee;min-height:54px;gap:16px}.xr-field>span{font-size:18px;border-right:1px solid #eee;padding-right:15px;white-space:nowrap}.xr-field input{min-width:0;width:100%;border:0;outline:0;font-size:17px;background:transparent;color:#333}.xr-field input::placeholder{color:#ccc}.xr-field button svg{width:22px;height:22px;color:#777}.xr-login-links{display:flex;justify-content:space-between;padding:13px 0 21px;color:#24465e;font-size:13px}.xr-login-submit{width:100%;height:41px;border-radius:25px;background:#ff2442;color:white;font-size:18px;font-weight:600}.xr-login-submit:disabled{background:#f5f5f5;color:#ccc}.xr-agree{display:flex;gap:7px;margin-top:14px;align-items:flex-start;font-size:13px;color:#aaa;line-height:1.5}.xr-agree input{appearance:none;width:14px;height:14px;border:1px solid #ccc;border-radius:50%;flex:none;margin-top:3px}.xr-agree input:checked{background:#ff2442;border-color:#ff2442}.xr-agree a{color:#24465e}.xr-social{display:flex;align-items:center;justify-content:center;gap:18px;margin:68px 0 30px}.xr-social button{border:1px solid #eee;border-radius:50%;height:42px;width:42px;font-size:18px;display:grid;place-items:center}.xr-social button:last-child{border-color:#ccc;width:70px;border-radius:24px;font-size:11px;color:#777}.xr-social svg{width:25px;height:25px}.xr-wechat{color:#07c160}.device.tablet .xr-drawer{width:340px}.device.tablet .xr-login-form{max-width:340px;margin:0 auto}.device.tablet .xr-scroll{max-width:640px;width:100%;align-self:center}
.xr-social button:nth-child(-n+3){background-image:url('xhs-login-reference.jpg');background-size:413.4px auto;background-repeat:no-repeat;color:transparent;font-size:0}.xr-social button:nth-child(1){background-position:-74.4px -497.9px}.xr-social button:nth-child(2){background-position:-137.8px -497.9px}.xr-social button:nth-child(3){background-position:-201.3px -497.9px}.xr-social button:nth-child(-n+3) svg{visibility:hidden}.xr-account-ava{background-image:url('xhs-accounts-reference.jpg');background-size:401px auto;background-position:-32.7px -131.6px;color:transparent}.xr-account:nth-child(2) .xr-account-ava{background-position:-32.7px -197.8px}

/* Equal columns keep creator metrics and tools on the same center lines. */
.xr-stats,.xr-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:0;margin-left:16px;margin-right:16px;padding-left:0;padding-right:0}.xr-stats>div,.xr-tools>button{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center}.xr-stats b{height:25px;line-height:25px;font-variant-numeric:tabular-nums;white-space:nowrap}.xr-stats span,.xr-tools span{line-height:18px;white-space:nowrap}.xr-tools svg{display:block;flex:none}