md

src/assets/style/home.less

@@ -263,308 +263,3 @@
     color: var(--color-text-gray);
   }
 }
-
-// home-page
-.home-page {
-  width: 1200px;
-  margin: 0 auto;
-
-  .hp-top {
-    display: flex;
-    justify-content: space-between;
-    align-items: stretch;
-
-    &-left {
-      flex-grow: 0;
-      flex-shrink: 0;
-      width: 340px;
-      margin-right: 20px;
-    }
-
-    &-right {
-      flex-grow: 2;
-    }
-  }
-
-  .tab-summary {
-    margin-bottom: 10px;
-    font-size: 0;
-
-    &-item {
-      position: relative;
-      display: inline-block;
-      width: 100%;
-      vertical-align: top;
-      margin-right: 10px;
-      border-radius: 12px;
-      padding: 16px 20px 16px;
-      color: #fff;
-      text-align: right;
-      background: #3a5ae5;
-
-      &.item-done {
-        background: #9877ff;
-      }
-
-      &.item-wait {
-        cursor: pointer;
-        &:hover {
-          opacity: 0.8;
-        }
-      }
-    }
-
-    &-rp {
-      display: block;
-      position: absolute;
-      width: 10px;
-      height: 10px;
-      background: #fe646a;
-      border: 2px solid #eff0f5;
-      top: -2px;
-      left: -2px;
-      border-radius: 50%;
-      z-index: 9;
-    }
-
-    &-icon {
-      display: block;
-      position: absolute;
-      top: 16px;
-      left: 16px;
-      z-index: auto;
-    }
-
-    &-title {
-      font-size: 12px;
-      margin-bottom: 7px;
-      opacity: 0.6;
-    }
-
-    &-cont {
-      height: 38px;
-      font-size: 32px;
-      font-weight: bold;
-      line-height: 38px;
-    }
-  }
-
-  .tab-box {
-    border-radius: 12px;
-    background-color: #fff;
-    margin-bottom: 20px;
-    min-height: 100px;
-    padding: 20px;
-
-    &-title {
-      font-weight: bold;
-      font-size: 16px;
-      line-height: 1;
-      color: #1f222f;
-      margin-bottom: 10px;
-    }
-  }
-
-  .shortcut-list {
-    font-size: 0;
-    margin-top: 20px;
-  }
-
-  .shortcut-item {
-    display: inline-block;
-    vertical-align: top;
-    padding: 0 18px;
-    width: 180px;
-    border-radius: 8px;
-    border: 1px solid #eff0f5;
-    height: 52px;
-    line-height: 50px;
-    margin: 10px;
-    text-align: left;
-    cursor: pointer;
-
-    &:hover {
-      opacity: 0.7;
-    }
-
-    > * {
-      display: inline-block;
-      vertical-align: middle;
-    }
-  }
-
-  .icon {
-    margin-right: 18px;
-  }
-
-  .shortcut-name {
-    font-size: 14px;
-    font-weight: 500;
-    color: #434656;
-  }
-
-  .tab-task {
-    min-height: 190px;
-  }
-  .tab-task-item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 10px 0;
-
-    &:not(:last-child) {
-      border-bottom: 1px solid #eff0f5;
-    }
-
-    &-cont {
-      flex-grow: 2;
-      margin: 0 10px;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      overflow: hidden;
-      line-height: 24px;
-      cursor: pointer;
-
-      &:hover {
-        opacity: 0.7;
-      }
-    }
-
-    &-type {
-      flex-shrink: 0;
-      flex-grow: 0;
-      font-size: 12px;
-      color: rgba(58, 90, 229, 1);
-      border-radius: 6px;
-      text-align: center;
-      width: 36px;
-      height: 24px;
-      line-height: 24px;
-      background: rgba(58, 90, 229, 0.1);
-    }
-  }
-
-  .guide-map {
-    padding: 40px 0;
-    text-align: center;
-  }
-  .guide-item {
-    display: inline-block;
-    vertical-align: middle;
-    position: relative;
-    margin: 0 10px;
-
-    &:not(:last-child):after {
-      content: '';
-      display: block;
-      position: absolute;
-      width: 20px;
-      height: 10px;
-      background-image: url(../images/icon-narrow.png);
-      background-size: 100% 100%;
-      background-repeat: no-repeat;
-
-      top: 50%;
-      right: -20px;
-      margin-top: -5px;
-    }
-  }
-
-  .guide-spin {
-    width: 136px;
-    height: 136px;
-    background: #afb3c7;
-    border-radius: 68px;
-    display: table-cell;
-    vertical-align: middle;
-    text-align: center;
-    color: #1f222f;
-    font-size: 14px;
-    font-weight: bold;
-
-    &.spin-large {
-      width: 192px;
-      height: 192px;
-      border-radius: 96px;
-    }
-
-    &.spin-small {
-      width: 108px;
-      height: 108px;
-      border-radius: 54px;
-    }
-
-    &.spin-light {
-      background: #e1e3eb;
-    }
-  }
-  .island-item {
-    width: 282px;
-    background: #afb3c7;
-    border-radius: 20px;
-    padding: 30px;
-    border: 2px solid #fff;
-    position: relative;
-  }
-  .island-bottom {
-    background: #e1e3eb;
-    &::after {
-      content: '';
-      display: block;
-      position: absolute;
-      width: 40px;
-      border-width: 10px 20px;
-      border-style: solid;
-      border-color: transparent #e1e3eb transparent transparent;
-      top: -10px;
-      right: 50%;
-      z-index: 9;
-    }
-  }
-  .island-top {
-    &::after {
-      content: '';
-      display: block;
-      position: absolute;
-      width: 40px;
-      border-width: 10px 20px;
-      border-style: solid;
-      border-color: transparent transparent transparent #afb3c7;
-      bottom: -10px;
-      left: 50%;
-      z-index: 9;
-    }
-
-    .island-btn {
-      width: 100%;
-    }
-  }
-  .island-title {
-    font-size: 14px;
-    font-weight: bold;
-    color: #1f222f;
-    line-height: 21px;
-    margin-bottom: 20px;
-    text-align: left;
-  }
-  .island-cont {
-    font-size: 0;
-  }
-  .island-btn {
-    display: inline-block;
-    vertical-align: top;
-    height: 40px;
-    background: #ffffff;
-    border-radius: 6px;
-    font-weight: 500;
-    color: #434656;
-    padding: 14px 20px;
-    font-size: 12px;
-    line-height: 1;
-    text-align: center;
-
-    & + .island-btn {
-      margin-left: 10px;
-    }
-  }
-}