* { box-sizing: border-box; }
body {
  margin: 0; background: #eaf2fb; color: #1f3347;
  font: 14px/1.8 "Microsoft YaHei", "微软雅黑", sans-serif;
}
a { color: #1a5fb4; }
.cloud { max-width: 720px; margin: 0 auto; }
.cloud-bar { background: #1a5fb4; color: #fff; padding: 10px 18px; font-size: 15px; }
.cloud-bar b { font-size: 17px; letter-spacing: 1px; }
.cloud-bar .right { float: right; font-size: 12px; color: #cfe3fb; }
.share-box { background: #fff; border: 1px solid #cdddf0; border-radius: 8px; margin: 26px 16px; overflow: hidden; }
.share-head { padding: 22px 26px 14px; border-bottom: 1px solid #e4edf7; }
.share-head .folder { font-size: 20px; font-weight: bold; }
.share-head .folder .ico { margin-right: 8px; }
.share-head .meta { color: #7890a8; font-size: 12.5px; margin-top: 6px; }
.share-body { padding: 22px 26px 28px; }
.lock-row { text-align: center; padding: 24px 0 8px; }
.lock-row input {
  width: 170px; padding: 9px 10px; font-size: 16px; letter-spacing: 3px;
  border: 1px solid #b9cde4; border-radius: 5px; text-align: center;
}
.lock-row button {
  padding: 9px 22px; font-size: 15px; background: #1a5fb4; color: #fff;
  border: none; border-radius: 5px; margin-left: 8px; cursor: pointer;
}
.lock-row button:hover { background: #15509c; }
.lock-msg { min-height: 24px; text-align: center; font-size: 13px; margin-top: 8px; }
.lock-msg.err { color: #c0392b; }
.lock-msg.ok { color: #1a7f4e; }
.tip { color: #8aa0b6; font-size: 12.5px; text-align: center; }
table.files { width: 100%; border-collapse: collapse; }
table.files th { text-align: left; color: #7890a8; font-size: 12.5px; border-bottom: 1px solid #e4edf7; padding: 6px 8px; }
table.files td { border-bottom: 1px solid #eef3f9; padding: 10px 8px; font-size: 14px; }
.size { color: #8aa0b6; font-size: 12.5px; }
.note-line { background: #f5f9ff; border: 1px dashed #b9cde4; border-radius: 6px; padding: 10px 14px; font-size: 13px; color: #48607a; margin-top: 16px; }
.viewer { white-space: pre-wrap; background: #fbfdff; border: 1px solid #e4edf7; border-radius: 6px; padding: 14px; font: 13px/1.9 Consolas, "宋体", monospace; color: #33475c; }
.foot { text-align: center; color: #93a7bc; font-size: 12px; padding: 10px 0 30px; }
.broken { color: #b03a2e; }