/* /mobile/allup.html —— 底部导航中间那个红色徽章点进来的「登录发布作品」页
   2026-09-28 第五轮重做（反馈"现在太丑了"）。
   改前：一条黑底 20px 粗体的横幅 + 4 条通栏蓝色大按钮，按钮之间用 #ddd 硬分隔，
         整页一片白、四项没有主次，也没有任何说明文字。
   改后：浅灰底 + 白色圆角卡片，每项「圆形图标 + 标题 + 说明 + 箭头」，
         图标用内联 SVG（不依赖图片文件、不额外发请求），按下有底色反馈；
         底部给 #footer 留出安全区高度，短页面也不会被底栏压住。 */

html,
body {
  width: 100%;
}

body.allup-page {
  position: relative;
  margin: 0;
  min-height: 100vh;
  /* #footer 是 position:absolute;bottom:0，body 是它的定位父级 */
  padding-bottom: 78px;
  box-sizing: border-box;
  background: #f4f6f9;
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.allup-page .big {
  height: 50px;
  line-height: 50px;
  background: #2b2f36;
  color: #fff;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .5px;
}

.au-wrap {
  padding: 16px 14px 0;
}

.au-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(24, 44, 82, .07);
}

.au-item {
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #f1f3f7;
  text-decoration: none;
}

.au-item:last-child {
  border-bottom: 0;
}

.au-item:active {
  background: #f7f9fc;
}

.au-ico {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  margin-right: 13px;
  border-radius: 50%;
  background: #eaf2ff;
  color: #3280fc;
  display: flex;
  align-items: center;
  justify-content: center;
}

.au-txt {
  flex: 1 1 auto;
  min-width: 0;
}

.au-txt b {
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  color: #1f2733;
}

.au-txt i {
  display: block;
  margin-top: 2px;
  font-size: 12.5px;
  font-style: normal;
  line-height: 18px;
  color: #8b95a5;
}

.au-arrow {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  border-top: 1.6px solid #c7cdd8;
  border-right: 1.6px solid #c7cdd8;
  transform: rotate(45deg);
}

.au-tip {
  margin: 14px 4px 0;
  font-size: 12px;
  line-height: 18px;
  color: #9aa4b2;
}