:root{--primary:#409eff;--bg-page:#f5f7fa;--text-main:#303133;--header-height:56px;--sidebar-width:220px;--content-padding:16px;--content-padding-pc:20px}*{-webkit-box-sizing:border-box;box-sizing:border-box}#app,body,html{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text-main);background:var(--bg-page);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:var(--primary);text-decoration:none}.page-container{width:100%;max-width:none;margin:0;padding:var(--content-padding);-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width:769px){.page-container{padding:var(--content-padding-pc) 24px}.page-container>.el-card{width:100%}}@media (max-width:768px){.page-container{padding:12px}.el-message-box{width:90%!important}.el-dialog{width:92%!important}}.auth-page{min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:24px 16px;background:linear-gradient(135deg,#e8f0fe,#f5f7fa)}.auth-card{width:100%;max-width:380px}.user-subpage{min-height:100%;padding:16px 0 32px}.user-subpage__inner{max-width:880px;margin:0 auto;padding:0 24px;-webkit-box-sizing:border-box;box-sizing:border-box}.user-subpage__header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px 12px;margin-bottom:16px}.user-subpage__back,.user-subpage__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-subpage__back{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:4px;padding:6px 12px;border:1px solid #dcdfe6;border-radius:20px;background:#fff;color:#606266;font-size:13px;cursor:pointer;-webkit-transition:border-color .2s,color .2s;transition:border-color .2s,color .2s;-ms-flex-negative:0;flex-shrink:0}.user-subpage__back:hover{border-color:#409eff;color:#409eff}.user-subpage__title{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;margin:0;font-size:20px;font-weight:600;color:#303133;line-height:1.3}.user-subpage__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:auto}.user-subpage__card{border-radius:12px;border:none;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.06);margin-bottom:16px}.user-subpage__toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:14px}.user-subpage__toolbar .el-select{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:140px;max-width:200px}.user-subpage__empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:48px 16px;color:#c0c4cc;text-align:center}.user-subpage__empty i{font-size:44px;margin-bottom:12px}.user-subpage__empty p{margin:0 0 16px;font-size:14px;color:#909399}.user-announce-list{list-style:none;margin:0;padding:0}.user-announce-item{padding:14px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;-webkit-transition:background .15s;transition:background .15s}.user-announce-item:last-child{border-bottom:none}.user-announce-item:hover{background:#fafcff;margin:0 -16px;padding-left:16px;padding-right:16px;border-radius:8px}.user-announce-item__title{font-size:15px;font-weight:600;color:#303133;line-height:1.45;word-break:break-word}.user-announce-item__meta{font-size:12px;color:#909399;margin-top:6px}.user-announce-body{white-space:pre-wrap;line-height:1.75;color:#303133;font-size:15px}.user-announce-meta{font-size:13px;color:#909399;margin-bottom:16px}.user-ticket-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.user-ticket-item{padding:14px 16px;border:1px solid #ebeef5;border-radius:10px;background:#fff;cursor:pointer;-webkit-transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,box-shadow .2s;transition:border-color .2s,box-shadow .2s,-webkit-box-shadow .2s}.user-ticket-item:hover{border-color:#c6e2ff;-webkit-box-shadow:0 4px 12px rgba(64,158,255,.1);box-shadow:0 4px 12px rgba(64,158,255,.1)}.user-ticket-item__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px;margin-bottom:8px}.user-ticket-item__no{font-size:12px;color:#909399;font-family:SFMono-Regular,Consolas,monospace}.user-ticket-item__title{font-size:15px;font-weight:600;color:#303133;line-height:1.45;margin-bottom:6px;word-break:break-word}.user-ticket-item__preview{margin:0 0 8px;font-size:13px;color:#606266;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-ticket-item__foot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:12px;color:#909399}.user-ticket-item__badge{padding:1px 8px;border-radius:10px;background:#ecf5ff;color:#409eff;font-size:11px}.user-ticket-item__arrow{margin-left:auto;color:#c0c4cc}.user-ticket-detail-meta{font-size:13px;color:#909399;margin-bottom:12px}.user-ticket-detail-content{white-space:pre-wrap;line-height:1.75;color:#303133;font-size:15px}.user-ticket-reply{padding:12px 0;border-bottom:1px solid #f0f0f0}.user-ticket-reply:last-child{border-bottom:none}.user-ticket-reply__head{font-size:12px;color:#909399;margin-bottom:6px}.user-ticket-reply__body{color:#303133;line-height:1.65;white-space:pre-wrap;word-break:break-word}.user-subpage__pager{margin-top:16px;text-align:right}@media (max-width:768px){.user-subpage{padding:12px 0 calc(24px + env(safe-area-inset-bottom, 0px))}.user-subpage__inner{padding:0 16px}.user-subpage__title{font-size:17px;width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.user-subpage__back{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.user-subpage__actions{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:100%;margin-left:0}.user-subpage__actions .el-button{-webkit-box-flex:1;-ms-flex:1;flex:1}.user-subpage__toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.user-subpage__toolbar .el-select{max-width:none;width:100%}.user-subpage__toolbar .el-button{width:100%}.user-announce-item:hover{margin:0;padding-left:0;padding-right:0}.user-ticket-item{padding:12px 14px}.user-subpage__pager{text-align:center}.user-subpage__pager>>>.el-pagination{white-space:normal}}