.v10-clientarea .home-main .main-card { background:none; border:0; box-shadow:none; padding:0; }
.v10-clientarea .home-main .main-content { display:grid; grid-template-columns:minmax(0,1fr) 300px; align-items:start; gap:20px; background:none; }
.v10-clientarea .home-main .left-box { display:contents; }
.v10-clientarea .home-main .statistics-box { display:contents; }
.v10-clientarea .home-main .info-box { grid-column:1 / -1; padding:20px 24px; gap:18px; border:1px solid #cfdef7; border-radius:12px; background:linear-gradient(110deg,#eaf2ffdd,#eaf8f6dd); align-items:center; }
.v10-clientarea .home-main .info-first { min-width:200px; max-width:100%; height:auto; min-height:48px; align-items:center; }
.v10-clientarea .home-main .name-first { flex-shrink:0; }
.v10-clientarea .home-main .name-box { min-width:0; margin-left:12px; justify-content:center; }
.v10-clientarea .home-main .name-first { width:48px; height:48px; line-height:48px; font-size:24px; border-radius:14px; color:#3977dc; background:#fff; box-shadow:0 4px 14px #246bfe12; }
.v10-clientarea .home-main .name-box .hello { font-size:18px; color:#263f65; }
.v10-clientarea .home-main .name-box .name { font-size:12px; margin-top:5px; color:#7585a1; }
.v10-clientarea .home-main .info-second { max-width:320px; min-width:220px; justify-content:center; gap:8px; }
.v10-clientarea .home-main .info-second > div { font-size:13px; gap:20px; line-height:24px; }
.v10-clientarea .home-main .info-second > div > span:first-child { display:flex; align-items:center; flex-shrink:0; }
.v10-clientarea .home-main .info-second .phone-number { min-width:0; margin:0; overflow-wrap:anywhere; }
.v10-clientarea .home-main .info-three { max-width:420px; min-width:0; justify-content:center; gap:8px; }
.v10-clientarea .home-main .info-three .compny-box,.v10-clientarea .home-main .info-three .person-box { align-items:center; gap:20px; line-height:24px; }
.v10-clientarea .home-main .info-three .left-icon { flex-shrink:0; }
.v10-clientarea .home-main .info-three .right-text { min-width:0; }
.v10-clientarea .home-main .info-three .company-name { vertical-align:middle; max-width:100%; }
.v10-clientarea .home-main .info-three .certify-id { flex-wrap:wrap; }
.v10-clientarea .home-main .info-box .divider-box { height:40px; margin:0; background:#d6e3f5; }
.v10-clientarea .home-main .statistics-content { grid-column:1 / -1; min-height:0; display:grid; grid-template-columns:minmax(260px,1.15fr) minmax(0,3fr); gap:16px; }
.v10-clientarea .home-main .money-box { padding:22px; min-width:0; min-height:155px; display:flex; flex-direction:column; justify-content:center; background:#fff; border:1px solid #dbe5f5; border-radius:13px; box-shadow:0 6px 24px #203c6507; }
.v10-clientarea .home-main .money-top { flex-wrap:wrap; gap:16px; }
.v10-clientarea .home-main .money-credit { padding:0; background:transparent; min-width:170px; justify-content:center; }
.v10-clientarea .home-main .credit-title { font-size:13px; color:#70829c; padding-right:55px; min-height:24px; line-height:24px; flex-wrap:wrap; }
.v10-clientarea .home-main .money-credit:not(:has(.credit-title))::before { content:''; min-height:24px; }
.v10-clientarea .home-main .money-credit .credit-btn { font-size:12px; padding:3px 10px; border-radius:6px; }
.v10-clientarea .home-main .money-credit .credit-money { margin-top:12px; }
.v10-clientarea .home-main .money-credit .credit-num { font-size:32px; line-height:44px; color:#213e67; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; max-width:100%; min-width:0; flex-shrink:1; }
.v10-clientarea .home-main .money-credit .credit-num .s-24 { font-size:18px; margin-right:4px; }
.v10-clientarea .home-main .money-order { padding-top:16px; margin-top:16px; border-top:1px solid #e9eff7; gap:12px; }
.v10-clientarea .home-main .order-box { width:auto; margin:0; gap:16px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.v10-clientarea .home-main .order-box .order-item { min-height:155px; padding:22px; align-items:flex-start; justify-content:center; position:relative; background:#fff; border:1px solid #dbe5f5; border-radius:13px; box-shadow:0 6px 24px #203c6507; transition:border-color .18s,box-shadow .18s; }
.v10-clientarea .home-main .order-box .order-item:hover { border-color:#9bbcf8; box-shadow:0 9px 30px #326bd518; }
.v10-clientarea .home-main .order-box .order-title { color:#6d7e98; font-size:13px; line-height:24px; order:0; font-weight:400; margin:0 22px 0 0; }
.v10-clientarea .home-main .order-box .order-nums { color:#233c62; font-size:32px; line-height:44px; margin:12px 0 0; font-weight:600; order:1; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; max-width:100%; }
.v10-clientarea .home-main .order-type-img { position:absolute; right:18px; top:18px; margin:0; width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:#eff5ff; color:#528bee; }
.v10-clientarea .home-main .order-type-img svg { width:19px; height:19px; }
.v10-clientarea .home-main .order-box-1 .order-type-img { color:#27a18b; background:#eaf8f3; }
.v10-clientarea .home-main .order-box-3 .order-type-img { color:#d49a30; background:#fff7e7; }
.v10-clientarea .home-main .statistics-bottom { grid-column:1 / -1; margin:0; padding:20px 24px; border:1px solid var(--v10-line); border-radius:13px; background:#fff; gap:28px; align-items:center; }
.v10-clientarea .home-main .statistics-item { padding:0; flex:1; min-width:0; flex-wrap:wrap; row-gap:8px; }
.v10-clientarea .home-main .statistics-item-divider { margin:0; flex-shrink:0; align-self:center; }
.v10-clientarea .home-main .statistics-item-name { font-size:13px; color:#72839d; }
.v10-clientarea .home-main .statistics-item-value { font-size:24px; line-height:32px; font-weight:600; color:#2d4365; margin:0; overflow-wrap:anywhere; }
.v10-clientarea .home-main .product-list-box { grid-column:1; padding:24px; border:1px solid var(--v10-line); border-radius:14px; min-width:0; }
.v10-clientarea .home-main .product-list-box .title-text { font-size:17px; font-weight:600; margin:0 0 20px; }
.v10-clientarea .home-main .right-box { grid-column:2; width:auto; padding:0; background:none; display:flex; flex-direction:column; gap:20px; border-radius:0; }
.v10-clientarea .home-main .right-box > div { margin:0; width:100%; padding:22px; border:1px solid var(--v10-line); border-radius:14px; background:#fff; }
.v10-clientarea .home-main .recommend-box { text-align:left; }
.v10-clientarea .home-main .recommend-box > img { width:150px; height:auto; display:block; margin:0 auto 16px; }
.v10-clientarea .home-main .recommend-box h2 { font-size:18px; }
.v10-clientarea .home-main .recommend-box p { font-size:13px; margin-top:12px; line-height:1.7; }
.v10-clientarea .home-main .recommend-text { font-size:13px; line-height:1.7; color:#8696ac; text-align:center; }
.v10-clientarea .home-main .recommend-top .right { max-width:90px; }
.v10-clientarea .home-main .title-text { font-size:16px; font-weight:600; }
.v10-clientarea .home-main .WorkOrder-content { margin-top:16px; }
.v10-clientarea .home-main .notice-item { padding:14px 0; border-color:#edf1f7; }
.v10-clientarea .home-main .notice-title { font-size:13px; }
.v10-clientarea .home-main .no-product { min-height:290px; margin:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:32px 20px; background:url('/clientarea/template/pc/v10/img/v10/cloud-network.svg') no-repeat center 15px / 190px; }
.v10-clientarea .home-main .no-product h2 { font-size:18px; padding-top:76px; }
.v10-clientarea .home-main .no-product p { font-size:13px; color:#7989a1; margin:10px 0 22px; }
/* Keep card headings, value baselines and account rows aligned as content changes. */
.v10-clientarea .home-main .info-box { display:flex; flex-wrap:wrap; justify-content:space-between; }
.v10-clientarea .home-main .info-second > div,.v10-clientarea .home-main .info-three .compny-box,.v10-clientarea .home-main .info-three .person-box { display:flex; align-items:center; min-height:26px; }
.v10-clientarea .home-main .statistics-content { align-items:stretch; }
.v10-clientarea .home-main .money-box,.v10-clientarea .home-main .order-box .order-item { padding-top:24px; padding-bottom:24px; }
.v10-clientarea .home-main .credit-title,.v10-clientarea .home-main .order-box .order-title { font-size:14px; }
.v10-clientarea .home-main .product-list-box,.v10-clientarea .home-main .right-box > div { padding-top:24px; }
.v10-clientarea .home-main .statistics-item { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.v10-clientarea .home-main .statistics-item-name { display:flex; align-items:center; flex-wrap:wrap; gap:8px; line-height:24px; }
@media (max-width:1200px) {
 .v10-clientarea .home-main .main-content { grid-template-columns:minmax(0,1fr); }
 .v10-clientarea .home-main .right-box { grid-column:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .v10-clientarea .home-main .info-box .divider-box { display:none; }
 .v10-clientarea .home-main .statistics-content { grid-template-columns:minmax(220px,1fr) minmax(0,2.4fr); }
 .v10-clientarea .home-main .order-box .order-item { padding:18px 14px; }
 .v10-clientarea .home-main .order-type-img { display:none; }
}
@media (max-width:680px) {
 .v10-clientarea .home-main .main-content { gap:14px; }
 .v10-clientarea .home-main .info-box { padding:18px; gap:16px; }
 .v10-clientarea .home-main .info-second,.v10-clientarea .home-main .info-three { width:100%; max-width:none; }
 .v10-clientarea .home-main .info-three { align-items:stretch; }
 .v10-clientarea .home-main .info-three .compny-box,.v10-clientarea .home-main .info-three .person-box { justify-content:space-between; }
 .v10-clientarea .home-main .info-first { min-width:0; }
 .v10-clientarea .home-main .statistics-content { grid-template-columns:1fr; gap:12px; }
 .v10-clientarea .home-main .money-box { padding:18px; }
 .v10-clientarea .home-main .order-box { gap:10px; }
 .v10-clientarea .home-main .order-box .order-item { min-height:115px; padding:14px 10px; }
 .v10-clientarea .home-main .order-box .order-title { font-size:12px; margin:0; }
 .v10-clientarea .home-main .order-box .order-nums { font-size:28px; margin-top:12px; }
 .v10-clientarea .home-main .statistics-bottom { padding:18px; gap:12px; }
 .v10-clientarea .home-main .statistics-item-name { font-size:12px; flex-wrap:wrap; gap:5px; }
 .v10-clientarea .home-main .statistics-item-name { min-height:38px; }
 .v10-clientarea .home-main .statistics-item-value { font-size:22px; }
 .v10-clientarea .home-main .statistics-item { display:block; }
 .v10-clientarea .home-main .statistics-item-value { margin-top:8px; }
 .v10-clientarea .home-main .product-list-box .el-table__header,.v10-clientarea .home-main .product-list-box .el-table__body { min-width:620px; }
 .v10-clientarea .home-main .product-list-box { padding:18px 14px; }
 .v10-clientarea .home-main .right-box { display:flex; }
 .v10-clientarea .home-main .right-box > div { padding:20px; }
}
@media (min-width:681px) and (max-width:1000px) {
 .v10-clientarea .home-main .credit-title,.v10-clientarea .home-main .money-credit:not(:has(.credit-title))::before,.v10-clientarea .home-main .order-box .order-title { min-height:48px; }
 .v10-clientarea .home-main .order-box .order-title { display:flex; align-items:center; }
}
@media (max-width:359px) {
 .v10-clientarea .home-main .order-box .order-title { min-height:48px; display:flex; align-items:center; }
}

/* Keep the product and support columns on one stable baseline when data is sparse. */
@media (min-width:1201px) {
 .v10-clientarea .home-main .main-content { align-items:stretch; }
 .v10-clientarea .home-main .product-list-box { min-height:540px; height:540px; display:flex; flex-direction:column; }
 .v10-clientarea .home-main .product-list-box > .no-product { flex:1 1 auto; }
 .v10-clientarea .home-main .right-box { height:540px; min-height:540px; align-self:stretch; }
 .v10-clientarea .home-main .right-box > div { flex:1 1 auto; min-height:0; overflow:auto; }
}
@media (min-width:681px) and (max-width:1200px) {
 .v10-clientarea .home-main .main-content { align-items:stretch; }
 .v10-clientarea .home-main .product-list-box { min-height:340px; height:100%; display:flex; flex-direction:column; }
 .v10-clientarea .home-main .product-list-box > .no-product { flex:1 1 auto; }
 .v10-clientarea .home-main .right-box { height:100%; align-self:stretch; }
 .v10-clientarea .home-main .right-box > div { min-height:150px; }
}
.v10-clientarea .home-main .right-box .WorkOrder-content { margin-top:12px; padding:0; border:0; border-radius:0; }
.v10-clientarea .home-main .right-box .WorkOrder-item { margin:0; padding:10px 0; gap:10px; }
.v10-clientarea .home-main .right-box .replay-div { margin:0; }
.v10-clientarea .home-main .right-box .replay-box { width:auto; flex:1; min-width:0; }
.v10-clientarea .home-main .right-box .notice-item { margin:0; padding:10px 0 10px 12px; border-left-width:2px; }
.v10-clientarea .home-main .right-box .notice-item-left { flex:1; min-width:0; }
.v10-clientarea .home-main .right-box .notice-time { font-size:16px; line-height:22px; }
.v10-clientarea .home-main .product-list-box > .el-table { flex:0 0 auto; }
@media (max-width:680px) {
 .v10-clientarea .home-main .product-list-box { min-height:300px; }
 .v10-clientarea .home-main .right-box { height:auto; min-height:0; }
 .v10-clientarea .home-main .right-box > div { flex:0 1 auto; min-height:0; }
}