/* V10 client area. Every rule is scoped; cart and configuration retain their own theme. */
html.v10-clientarea[theme] {
  font-size: 100px !important;
  --color-primary: #246bfe; --color-menu-bg: #fff; --color-menu-text: #52627b;
  --color-menu-active-bg: #eef5ff; --color-menu-hover-bg: #f3f7fe; --color-menu-text-active: #246bfe;
  --v10-ink: #1c2b43; --v10-muted: #74849c; --v10-line: #e2e9f3; --v10-radius: 14px;
}
.v10-clientarea body { margin:0; background: #f4f7fc url('../img/v10/console-grid.svg'); color:var(--v10-ink); font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif; }
.v10-clientarea *, .v10-clientarea *::before, .v10-clientarea *::after { box-sizing:border-box; }
.v10-clientarea button,.v10-clientarea input,.v10-clientarea textarea { font-family:inherit; }
.v10-clientarea :focus-visible { outline:2px solid #246bfe; outline-offset:3px; }
.v10-clientarea a { text-underline-offset:3px; }
.v10-clientarea .template > .el-container { min-height:100vh; }
.v10-clientarea .template > .el-container > .el-container { min-width:0; margin-left:208px; display:block; background:transparent; }
.v10-clientarea .template > .el-container > .el-aside { position:fixed; inset:0 auto 0 0; width:208px !important; height:100vh; padding:0 12px 24px; z-index:1001; border-right:1px solid var(--v10-line); background:#fff; overflow-y:auto; }
.v10-clientarea .el-aside > .menu-alink { display:flex; align-items:center; justify-content:center; min-height:70px; margin:0 -12px 16px; border-bottom:1px solid var(--v10-line); }
.v10-clientarea .ali-logo { width:auto; max-width:152px; max-height:38px; height:auto; margin:0; }
.v10-clientarea .menu-top { margin:0; padding:0; border:0; }
.v10-clientarea .menu-top .el-menu-item,.v10-clientarea .menu-top .el-submenu__title { min-height:44px; height:auto; line-height:44px; margin:4px 0; padding:0 14px !important; border:1px solid transparent; border-radius:9px; font-size:14px; transition:background .18s,color .18s,border-color .18s; }
.v10-clientarea .menu-top .el-menu-item.is-active { border-color:#cfe0ff; color:#246bfe !important; background:#edf4ff !important; font-weight:600; }
.v10-clientarea .menu-top .el-submenu .el-menu-item { padding-left:38px !important; min-width:0; margin-left:0; }
.v10-clientarea .menu-top .el-submenu__title i,.v10-clientarea .menu-top .el-menu-item i { color:inherit; font-size:18px; margin-right:8px; }
.v10-clientarea .el-aside .line,.v10-clientarea .drawer-menu .line { width:auto; height:1px; margin:18px 8px; background:var(--v10-line); border:0; opacity:1; }
.v10-clientarea .el-header { position:fixed; top:0; left:208px; right:0; width:auto; height:70px !important; padding:0 28px; background:rgba(255,255,255,.97); border-bottom:1px solid #dbe5f4; box-shadow:0 3px 16px #22396205; backdrop-filter:none; z-index:1000; }
.v10-clientarea .header-left { min-width:0; gap:20px; }
.v10-clientarea .header-right { gap:4px; flex-shrink:0; }
.v10-clientarea .header-right-item { margin-left:12px; }
.v10-clientarea .header-right .right-item { border-radius:8px; }
.v10-clientarea .header-right .right-item:hover { background:#eff5ff; }
.v10-clientarea .v10-top-links { display:flex; gap:6px; align-items:center; overflow:hidden; }
.v10-clientarea .v10-top-links a { white-space:nowrap; padding:7px 12px; border:1px solid transparent; border-radius:8px; color:#52627b; text-decoration:none; font-size:13px; }
.v10-clientarea .v10-top-links a:hover,.v10-clientarea .v10-top-links a.is-current { color:#246bfe; background:#edf5ff; border-color:#d3e4ff; }
.v10-clientarea .v10-menu-toggle { display:none; background:transparent; border:1px solid var(--v10-line); border-radius:9px; padding:8px; cursor:pointer; color:#40536e; }
.v10-clientarea .v10-menu-toggle svg { display:block; width:20px; height:20px; }
.v10-clientarea .v10-brand-fallback { color:#246bfe; font-size:22px; font-weight:700; letter-spacing:.04em; }
.v10-clientarea .el-container:nth-child(2) > .el-main { margin:0; background:transparent; border-radius:0; }
.v10-clientarea .el-main { padding:98px 28px 36px !important; min-width:0; overflow:visible; font-size:14px; }
.v10-clientarea .menu-top .el-menu-item { justify-content:flex-start; }
.v10-clientarea .main-card { padding:26px; margin:0 auto; width:100%; min-width:0; max-width:1660px; background:#fff; border:1px solid var(--v10-line); border-radius:var(--v10-radius); box-shadow:0 8px 28px #233a6208; color:var(--v10-ink); font-family:inherit; font-size:14px; word-break:normal; overflow-wrap:anywhere; }
.v10-clientarea .main-card-title,.v10-clientarea .finance-title,.v10-clientarea .main-card-title .title-text { font-size:22px; line-height:1.5; font-weight:650; letter-spacing:.01em; color:var(--v10-ink); }
.v10-clientarea .main-card > .content-box { margin-top:24px; }
.v10-clientarea .main-card-menu { margin-top:24px; border-color:var(--v10-line); gap:24px; overflow:auto; }
.v10-clientarea .card-menu-item { white-space:nowrap; font-size:14px; }
.v10-clientarea .card-menu-item:not(:first-child) { margin-left:0; }
.v10-clientarea .el-tabs__header { margin:16px 0 24px; }
.v10-clientarea .el-tabs__nav-wrap::after { height:1px; background:var(--v10-line); }
.v10-clientarea .el-tabs__item { font-size:14px; height:46px; line-height:46px; }
.v10-clientarea .el-tabs__active-bar { background:#246bfe; height:3px; border-radius:3px; }
.v10-clientarea .el-tabs__item.is-active { color:#246bfe; font-weight:600; }
.v10-clientarea .el-input__inner,.v10-clientarea .el-textarea__inner { border:1px solid #dbe3ef; border-radius:8px; font-size:14px; color:#34435b; background:#fff; }
.v10-clientarea .el-input__inner { min-height:36px; }
.v10-clientarea .el-select { max-width:100%; }
.v10-clientarea .el-header .head-box { background:#eef5ff; color:#3879db; }
.v10-clientarea .menu-top i.iconfont[class*="el-icon-"] { font-family:element-icons !important; }
.v10-clientarea .el-input__inner:focus,.v10-clientarea .el-textarea__inner:focus { border-color:#246bfe; outline:none; box-shadow:none; }
.v10-clientarea .el-input-group__prepend,.v10-clientarea .el-input-group__append { background:#f6f8fc; border-color:#dbe3ef; }
.v10-clientarea .el-button { border-radius:8px; font-size:14px; min-height:36px; transition:background .18s,border-color .18s,box-shadow .18s; }
.v10-clientarea .el-button--primary:not(.is-plain) { color:#fff; background:#246bfe; border-color:#246bfe; box-shadow:0 4px 10px #246bfe18; }
.v10-clientarea .el-button--primary:not(.is-disabled):hover { background:#1558e8; border-color:#1558e8; }
.v10-clientarea .el-button--text { min-height:0; padding:6px 0; box-shadow:none; }
.v10-clientarea .el-button.is-disabled { opacity:.55; }
.v10-clientarea .el-table { font-size:14px; color:#53627a; border:1px solid #e8edf5; border-radius:10px; }
.v10-clientarea .el-table th.el-table__cell,.v10-clientarea .el-table th { color:#35435a; background:#f4f7fc; font-weight:600; padding:13px 0; }
.v10-clientarea .el-table td.el-table__cell,.v10-clientarea .el-table td { padding:15px 0; border-color:#edf1f7; }
.v10-clientarea .el-table .cell { line-height:1.65; }
.v10-clientarea .el-table__body tr:hover > td { background:#f7faff; }
.v10-clientarea .el-table__empty-block { min-height:160px; }
.v10-clientarea .el-table__empty-text { color:var(--v10-muted); }
.v10-clientarea .el-table__body-wrapper { overflow-x:auto; }
.v10-clientarea .el-table .cell { overflow-wrap:normal; }
.v10-clientarea .aside-menu-text { margin-left:6px; }
.v10-clientarea .el-main .content_box { margin-top:24px; padding:0; }
.v10-clientarea .el-main .content_searchbar .left_tips { display:flex; flex-wrap:wrap; gap:10px 16px; width:100%; align-items:center; }
.v10-clientarea .el-main .content_searchbar .left_tips .tips_item { display:inline-flex; flex-shrink:0; align-items:center; gap:7px; margin:0; font-size:12px; line-height:1.6; white-space:normal; }
.v10-clientarea .el-main .content_searchbar .left_tips .tips_item .dot { width:7px; height:7px; flex:none; margin:0; }
.v10-clientarea .el-main .com-search .el-input__inner { height:40px; }
.v10-clientarea .el-main .com-search .input-search { font-size:20px; line-height:40px; }
.v10-clientarea .el-tag { border-radius:6px; }
.v10-clientarea .content_searchbar,.v10-clientarea .main-card-search { gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.v10-clientarea .com-search { gap:10px; flex-wrap:wrap; }
.v10-clientarea .content_searchbar .left-btn,.v10-clientarea .new-ticket-btn { border-radius:8px; }
.v10-clientarea .myPage { margin-top:22px; }
.v10-clientarea .el-pagination { white-space:normal; display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.v10-clientarea .el-pagination.is-background .el-pager li { border-radius:7px; }
.v10-clientarea .el-dialog { border-radius:16px; max-width:calc(100vw - 32px); box-shadow:0 24px 80px #172e4c26; }
.v10-clientarea .el-dialog__header { padding:23px 24px 16px; border-bottom:1px solid #edf1f7; }
.v10-clientarea .el-dialog__title { font-size:18px; font-weight:600; color:var(--v10-ink); }
.v10-clientarea .el-dialog__body { padding:24px; word-break:normal; }
.v10-clientarea .el-dialog__footer { padding:16px 24px 24px; }
.v10-clientarea .el-popover,.v10-clientarea .el-select-dropdown,.v10-clientarea .el-dropdown-menu { border-radius:10px; border-color:var(--v10-line); box-shadow:0 12px 36px #263f6514; }
.v10-clientarea #mainLoading { background:#f6f9fd; }
.v10-clientarea #mainLoading .ddr { width:6px; height:26px; border-radius:5px; background:#578cff; }
.v10-clientarea .drawer-menu { background:#fff; max-width:85vw; }
.v10-clientarea .drawer-menu-top { border-bottom:1px solid var(--v10-line); padding:20px; }
.v10-clientarea .drawer-menu-list-top { padding:14px; }
/* Account, billing and security layouts retain every native control. */
.v10-clientarea #account .box-top { height:auto; min-height:100px; padding:16px 20px; border:1px solid #e1eaf8; border-radius:12px; background:linear-gradient(110deg,#f0f6ff,#f5fbff); }
.v10-clientarea #account .name-text { font-size:24px; }
.v10-clientarea #account .box-main { margin-top:26px; }
.v10-clientarea #account .basic,.v10-clientarea #account .account,.v10-clientarea #account .oauth { padding:22px; border:1px solid var(--v10-line); border-radius:12px; margin-top:20px !important; }
.v10-clientarea #account .basic > .el-row,.v10-clientarea #account .account > .el-row { margin-top:22px; }
.v10-clientarea #account .basic-title,.v10-clientarea #account .account-title { font-weight:600; }
.v10-clientarea .finance-money-main { border:1px solid #dce8ff; border-radius:12px; background:linear-gradient(110deg,#eef5ff,#f5fbff); padding:24px; margin-top:22px; gap:24px; }
.v10-clientarea .finance-balance { background:transparent; }
.v10-clientarea .balance-left-num { font-size:36px; color:#234478; font-variant-numeric:tabular-nums; }
.v10-clientarea .finance-other-money { border-color:#d8e4f5; }
.v10-clientarea .security .main-card,.v10-clientarea .security-group .main-card { min-height:480px; }
.v10-clientarea .order-detail .main-card,.v10-clientarea .orderDetail .main-card { padding:26px; }
/* Plugin views are rendered inside the same shell, including dynamically loaded host details. */
.v10-clientarea .product_detail .config-box { min-width:0; }
.v10-clientarea .product_detail .main-card { max-width:none; }
.v10-clientarea .product_detail .card-top { background:linear-gradient(120deg,#f5f9ff,#fff); border-bottom:1px solid var(--v10-line); border-radius:12px 12px 0 0; }
.v10-clientarea .product_detail .top-product-name { font-size:22px; font-weight:600; }
.v10-clientarea .product_detail .el-tabs__content { min-width:0; }
.v10-clientarea .ticket .order-des { background:#f1f7ff; border:1px solid #dce9ff; border-radius:9px; padding:14px 18px; }
.v10-clientarea .ticket .order-des:empty { display:none; }
.v10-clientarea .help-total .top-back { left:208px; right:0; width:auto; background:linear-gradient(110deg,#eaf3ff,#edfafa); }
.v10-clientarea .help-total .main-card { position:relative; }
.v10-clientarea #finance .finance-title { font-family:inherit; font-size:22px; line-height:1.5; padding:0; }
.v10-clientarea #finance .finance-top { padding:0; margin:0; }
.v10-clientarea #finance .finance-balance .balance-left-num { font-size:36px; }
.v10-clientarea #account .basic-title,.v10-clientarea #account .account-title { font-size:16px; line-height:24px; }
.v10-clientarea #account .basic > .el-row,.v10-clientarea #account .account > .el-row { display:flex; flex-direction:row; flex-wrap:wrap; gap:20px 24px; }
.v10-clientarea #account .basic > .el-row::before,.v10-clientarea #account .basic > .el-row::after,.v10-clientarea #account .account > .el-row::before,.v10-clientarea #account .account > .el-row::after { display:none; }
.v10-clientarea #account .basic > .el-row > .el-col,.v10-clientarea #account .account > .el-row > .el-col { float:none; min-width:0; width:calc((100% - 48px) / 3); }
.v10-clientarea #account .basic > .el-row > .el-col:empty,.v10-clientarea #account .account > .el-row > .el-col:empty { display:none; }
.v10-clientarea #account .box-item-t { height:auto; min-height:24px; font-size:14px; line-height:24px; margin-bottom:8px; font-weight:500; }
.v10-clientarea #account .edit-icon { font-size:20px; }
.v10-clientarea #account .box-item-b .el-input__inner { box-sizing:border-box; border:1px solid #dbe3ef; height:40px; line-height:40px; padding:0 14px; font-size:14px; }
.v10-clientarea #account .box-item-b .el-input--suffix .el-input__inner { padding-right:44px; }
.v10-clientarea #account .box-item-b .el-input__suffix { right:4px; display:flex; align-items:center; }
.v10-clientarea #account .box-item-b .edit-icon { padding:10px; }
.v10-clientarea #account .box-item-b .el-textarea__inner { padding:10px 14px; border:1px solid #dbe3ef; border-radius:0; line-height:1.6; }
.v10-clientarea #account .box-item-b .el-input,.v10-clientarea #account .box-item-b .el-select,.v10-clientarea #account .box-item-b .el-textarea { width:100%; border:0; }
@media (min-width:601px) and (max-width:1100px) {
 .v10-clientarea #account .basic > .el-row > .el-col,.v10-clientarea #account .account > .el-row > .el-col { width:calc((100% - 24px) / 2); }
}
.v10-clientarea #account .btn-save { width:auto; min-width:112px; height:40px; font-size:14px; margin:24px 0 0; }
.v10-clientarea .el-main > .main-card { animation:v10-page-in .18s ease-out; }
.v10-clientarea .order-detail { max-width:1400px; margin:auto; }
.v10-clientarea .order-detail .page-content { padding:28px; background:#fff; border:1px solid var(--v10-line); border-radius:14px; box-shadow:0 8px 28px #233a6208; }
.v10-clientarea .order-detail .page-top { margin-bottom:20px; }
.v10-clientarea .order-detail .order-info { background:#f4f8ff; border-radius:10px; padding:22px; gap:22px; }
.v10-clientarea .order-detail .table-title { font-size:17px; font-weight:600; }
.v10-clientarea .order-detail .title-item { background:#f5f8fc; }
.v10-clientarea .order-detail .table-item { border-color:#e8eef6; }
.v10-clientarea .order-detail .go-pay .pay-text { border-radius:8px; }
.v10-clientarea .news_detail .new-box,.v10-clientarea[data-v10-page="agreement"] .contnet-right-out { max-width:1000px; width:calc(100% - 32px); margin:40px auto; padding:32px; background:#fff; border:1px solid var(--v10-line); border-radius:14px; }
.v10-clientarea .news_detail .tit,.v10-clientarea[data-v10-page="agreement"] .right-title { font-size:26px; line-height:1.5; }
.v10-clientarea .news_detail .time,.v10-clientarea[data-v10-page="agreement"] .right-keywords-time { font-size:13px; color:#7a8aa1; margin:14px 0 24px; }
.v10-clientarea .help-total .content-left { border:1px solid var(--v10-line); border-radius:10px; background:#f8faff; }
.v10-clientarea .help-total .right-title { font-size:24px; line-height:1.5; }
.v10-clientarea .check-type .type-item { border-radius:12px; border-color:#dce6f6; }
.v10-clientarea .content-title { color:#344863; }
.v10-clientarea .product_detail .main-card .content-box,.v10-clientarea .product_detail .main-card .host-info { border-radius:12px; }
.v10-clientarea .product_detail .main-card .operate-box { gap:10px; flex-wrap:wrap; }
.v10-clientarea .add-ticket .main-card .main-form .title-host { display:flex; flex-wrap:wrap; gap:20px; }
.v10-clientarea .add-ticket .main-card .main-form .title-host .el-form-item { flex:1 1 360px; min-width:0; width:auto; }
.v10-clientarea .add-ticket .main-card .main-form .title-host .el-input,.v10-clientarea .add-ticket .main-card .main-form .title-host .el-select { width:100%; }
.v10-clientarea .add-ticket .top-l { font-size:22px; }
/* Module product lists inject their own CSS after the common shell. */
#addons_js.v10-clientarea .product .main-card-search .el-input__inner { height:40px; font-size:14px; }
#addons_js.v10-clientarea .product .main-card-search .search-btn { height:40px; font-size:14px; border-radius:8px; }
@media (max-width:600px) {
 #addons_js.v10-clientarea .product .main-card-search .right-search > .el-select,
 #addons_js.v10-clientarea .product .main-card-search .right-search > .el-input { width:100%; }
}
.v10-clientarea .transfer .con { padding:32px; background:#fff; border:1px solid var(--v10-line); border-radius:14px; box-shadow:0 14px 48px #20395612; max-width:calc(100vw - 32px); }
.v10-clientarea .transfer .link { overflow-wrap:anywhere; }
.v10-clientarea .transfer .btn { border-radius:8px; }
@keyframes v10-page-in { from {opacity:.3} to {opacity:1} }
/* Module CSS arrives after the shell over AJAX; keep these overrides more specific. */
#addons_js.v10-clientarea .product_detail .main-card .card-top { background:none; border:0; }
#addons_js.v10-clientarea .product_detail .top-operation { min-width:0; width:100%; padding:20px; border:1px solid #dce8fa; border-radius:12px; background:linear-gradient(110deg,#eff5ff,#f4fbfa); }
#addons_js.v10-clientarea .product_detail .top-product-name { font-size:22px; }
#addons_js.v10-clientarea .product_detail .top-msg { gap:16px; margin-top:20px; }
#addons_js.v10-clientarea .product_detail .top-msg .msg-l,
#addons_js.v10-clientarea .product_detail .top-msg .msg-r { min-width:0; width:auto; border-color:#e0e8f3; border-radius:12px; background:#fff; }
#addons_js.v10-clientarea .product_detail .manage-content .el-row { display:flex; flex-wrap:wrap; gap:16px; }
#addons_js.v10-clientarea .product_detail .manage-content .el-col { width:calc((100% - 32px) / 3); }
#addons_js.v10-clientarea .product_detail .manage-content .manage-item { width:100%; float:none; height:100%; padding:22px; margin:0; border:1px solid #e0e8f3; border-radius:12px; background:#fafdff; }
#addons_js.v10-clientarea .product_detail .manage-content .item-top { flex-wrap:wrap; gap:10px; }
#addons_js.v10-clientarea .product_detail .manage-content .item-top-btn { min-height:36px; min-width:112px; width:auto; padding:0 14px; margin-left:0; border-radius:8px; }
#addons_js.v10-clientarea .product_detail .manage-content .item-bottom { color:#718099; line-height:1.8; }
#addons_js.v10-clientarea .product_detail .top-msg .l-b { grid-template-columns:repeat(2,minmax(0,1fr)); }
#addons_js.v10-clientarea .product_detail .operation-row1,
#addons_js.v10-clientarea .product_detail .operation-row2 { flex-wrap:wrap; gap:12px; }
#addons_js.v10-clientarea .product_detail .operation-row2 { margin-top:14px; }
#addons_js.v10-clientarea .product_detail .row2-action-group { flex-wrap:wrap; gap:12px; }
#addons_js.v10-clientarea .product_detail .lincense-content,
#addons_js.v10-clientarea .product_detail .config-info { border-radius:12px; }
#addons_js.v10-clientarea .product_detail .tabs { min-width:0; width:100%; }
@media (max-width:1100px) {
 #addons_js.v10-clientarea .product_detail .top-msg { flex-direction:column; }
 #addons_js.v10-clientarea .product_detail .manage-content .el-col { width:calc((100% - 16px) / 2); }
}
@media (max-width:600px) {
 #addons_js.v10-clientarea .product_detail .top-operation { padding:16px; }
 #addons_js.v10-clientarea .product_detail .top-product-name { font-size:18px; }
 #addons_js.v10-clientarea .product_detail .operation-row1 { align-items:center; }
 #addons_js.v10-clientarea .product_detail .operation-row1 .back-img { margin-right:0; flex-shrink:0; }
 #addons_js.v10-clientarea .product_detail .operation-row2,
 #addons_js.v10-clientarea .product_detail .operation-row3 { padding-left:0; }
 #addons_js.v10-clientarea .product_detail .row2-action-group { margin-left:0; max-width:100%; }
 #addons_js.v10-clientarea .product_detail .top-msg .msg-l,
 #addons_js.v10-clientarea .product_detail .top-msg .msg-r { padding:0 16px; }
 #addons_js.v10-clientarea .product_detail .top-msg .l-b,
 #addons_js.v10-clientarea .product_detail .top-msg .r-b { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; margin-top:20px; }
 #addons_js.v10-clientarea .product_detail .manage-content .el-col { width:100%; }
 #addons_js.v10-clientarea .product_detail .manage-content .manage-item { padding:18px; }
 #addons_js.v10-clientarea .product_detail .top-msg .row { display:flex; flex-wrap:wrap; gap:14px; }
 #addons_js.v10-clientarea .product_detail .top-msg .row-l,
 #addons_js.v10-clientarea .product_detail .top-msg .row-r { width:100%; margin:0; padding:0; min-width:0; }
}
@media (min-width:1600px) { .v10-clientarea .el-main { padding-left:36px !important; padding-right:36px !important; } }
@media (max-width:1200px) { .v10-clientarea .v10-top-links a:nth-child(n+4) { display:none; } .v10-clientarea .el-header { padding:0 20px; } .v10-clientarea .el-main { padding-left:20px !important; padding-right:20px !important; } }
@media (max-width:960px) {
 .v10-clientarea .template > .el-container > .el-aside { display:none; }
 .v10-clientarea .template > .el-container > .el-container { margin-left:0; }
 .v10-clientarea .el-header { left:0; height:60px !important; padding:0 16px; }
 .v10-clientarea .el-main { padding:80px 16px 24px !important; }
 .v10-clientarea .v10-menu-toggle { display:block; }
 .v10-clientarea .header-left > .menu-img { display:none; }
 .v10-clientarea .main-card { padding:22px; }
 .v10-clientarea .help-total .top-back { left:0; }
}
@media (max-width:600px) {
 .v10-clientarea .v10-top-links { display:none; }
 .v10-clientarea .header-left { gap:8px; }
 .v10-clientarea .header-right { gap:0; }
 .v10-clientarea .header-right-item { margin-left:8px; }
 .v10-clientarea .el-main { padding:74px 12px 24px !important; }
 .v10-clientarea .main-card { padding:18px 14px; border-radius:12px; }
 .v10-clientarea .main-card-title,.v10-clientarea .finance-title,.v10-clientarea .main-card-title .title-text { font-size:20px; }
 .v10-clientarea .main-card-search,.v10-clientarea .content_searchbar { align-items:stretch; }
 .v10-clientarea .com-search { width:100%; max-width:100%; }
 .v10-clientarea .com-search .el-input,.v10-clientarea .com-search .el-select { width:100% !important; max-width:100%; margin:0; }
 .v10-clientarea .el-main .com-search .el-select,.v10-clientarea .el-main .com-search > .el-input { margin-left:0 !important; }
 .v10-clientarea .main-card-search .right-search { width:100%; flex-wrap:wrap; justify-content:flex-start; gap:10px; }
 .v10-clientarea .main-card-search .right-search > .el-select,.v10-clientarea .main-card-search .right-search > .el-input { width:100%; }
 .v10-clientarea .main-card-search .search-btn { width:100%; height:38px; border-radius:8px; font-size:14px; }
 .v10-clientarea .el-form-item__label { font-size:14px; line-height:1.6; }
 .v10-clientarea .dialog-footer .btn-ok,.v10-clientarea .dialog-footer .btn-no { height:40px; font-size:14px; }
 .v10-clientarea .myPage .el-pagination { justify-content:center; }
 .v10-clientarea .myPage .el-pagination .page-total { margin:0; }
 .v10-clientarea .el-dialog__body { padding:18px; max-height:70vh; overflow:auto; }
 .v10-clientarea .el-dialog__header,.v10-clientarea .el-dialog__footer { padding:18px; }
 .v10-clientarea .el-form-item__content { max-width:100%; }
 .v10-clientarea #account .right-name { flex-wrap:wrap; gap:14px; }
 .v10-clientarea #account .basic,.v10-clientarea #account .account,.v10-clientarea #account .oauth { padding:16px; }
 .v10-clientarea #account .el-row { display:flex; flex-wrap:wrap; gap:10px; }
 .v10-clientarea #account .el-row > .el-col,.v10-clientarea #account .basic > .el-row > .el-col,.v10-clientarea #account .account > .el-row > .el-col { width:100%; }
 .v10-clientarea #account .el-col:empty { display:none; }
 .v10-clientarea #account .basic > .el-row,.v10-clientarea #account .account > .el-row { margin-top:16px; gap:16px; }
 .v10-clientarea #account .box-item { margin:0; padding:0; width:100%; }
 .v10-clientarea #account .box-item-b { margin:0; width:100%; }
 .v10-clientarea #account .box-item-b > .el-input,.v10-clientarea #account .box-item-b .el-select { margin:0; }
 .v10-clientarea .type-tips { max-width:100%; width:auto; white-space:normal; }
 .v10-clientarea .check-select .el-select { width:100%; }
 .v10-clientarea #finance .finance-balance .balance-left-num { font-size:32px; }
 .v10-clientarea .order-detail .page-content { padding:18px 14px; }
 .v10-clientarea .order-detail .order-info { flex-wrap:wrap; padding:18px; }
 .v10-clientarea .order-detail .order-user { font-size:22px; }
 .v10-clientarea .order-detail .order-num,.v10-clientarea .order-detail .pay-info { font-size:13px; }
 .v10-clientarea .order-detail .table-item { font-size:14px; gap:12px; }
 .v10-clientarea .order-detail .money-text { white-space:nowrap; }
 .v10-clientarea .news_detail .new-box,.v10-clientarea[data-v10-page="agreement"] .contnet-right-out { padding:22px; margin:20px auto; }
 .v10-clientarea .help-total .main-card-content { flex-direction:column; gap:20px; }
 .v10-clientarea .help-total .content-left,.v10-clientarea .help-total .contnet-right-out { width:100%; margin:0; }
 .v10-clientarea .help-total .content-left-menu { max-height:220px; overflow:auto; }
 .v10-clientarea .finance-money-main,.v10-clientarea .finance-balance,.v10-clientarea .finance-other-money { display:flex; flex-wrap:wrap; width:100%; height:auto; gap:18px; }
 .v10-clientarea .finance-money-main { padding:18px; }
 .v10-clientarea .finance-other-money { margin:0; border:0; padding:0; }
 .v10-clientarea .balance-left-num { font-size:30px; }
 .v10-clientarea .product_detail .top-operation,.v10-clientarea .product_detail .operation-row1,.v10-clientarea .product_detail .operation-row2 { flex-wrap:wrap; gap:12px; }
 .v10-clientarea .product_detail .top-product-name { font-size:18px; }
}
@media (prefers-reduced-motion:reduce) { .v10-clientarea *,.v10-clientarea *::before,.v10-clientarea *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } }

/* Finance search controls share one aligned row across orders, transactions and balance records. */
.v10-clientarea .finance .v10-finance-filter-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; min-height:40px; }
#addons_js.v10-clientarea .finance .v10-finance-filter-row > .left_tips { display:flex; flex:1 1 280px; align-items:center; width:auto !important; min-width:0; gap:10px 16px; }
#addons_js.v10-clientarea .finance .v10-finance-filter-controls { display:flex; flex:0 1 auto; align-items:center; justify-content:flex-end; flex-wrap:nowrap; gap:10px; width:auto; min-width:0; margin:0 0 0 auto; }
#addons_js.v10-clientarea .finance .v10-finance-filter-start { justify-content:flex-start; }
#addons_js.v10-clientarea .finance .v10-finance-filter-start .v10-finance-filter-controls { justify-content:flex-start; margin-left:0; max-width:100%; flex-wrap:wrap; }
#addons_js.v10-clientarea .finance .v10-finance-filter-controls > .el-select,
#addons_js.v10-clientarea .finance .v10-finance-filter-controls > .el-input,
#addons_js.v10-clientarea .finance .v10-finance-filter-controls > .el-date-editor { flex:0 0 auto; margin:0 !important; }
#addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-order-type { width:220px !important; }
#addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-order-status { width:150px !important; }
#addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-finance-keywords { width:320px !important; }
#addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-finance-date { width:350px !important; }
#addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-finance-balance-type { width:200px !important; }
#addons_js.v10-clientarea .finance .v10-finance-filter-controls .el-input__inner { height:40px !important; line-height:38px; }
#addons_js.v10-clientarea .finance .v10-finance-filter-controls .el-select .el-input__inner { padding-right:36px; }
#addons_js.v10-clientarea .finance .v10-finance-filter-controls .el-select .el-input__suffix { right:10px; display:flex; align-items:center; }
#addons_js.v10-clientarea .finance .v10-finance-filter-controls .el-select .el-input__suffix-inner { display:flex; align-items:center; height:100%; }
#addons_js.v10-clientarea .finance .v10-finance-filter-controls .el-select .el-input__icon { display:inline-flex; align-items:center; justify-content:center; width:18px; height:100%; line-height:1; font-size:14px; }
#addons_js.v10-clientarea .finance .v10-finance-filter-controls .input-search { display:inline-flex; align-items:center; justify-content:center; width:24px; height:100%; margin:0; font-size:16px; line-height:1; }

/* Native date-range popup: keep both months available within the viewport. */
#addons_js.v10-clientarea .v10-finance-date-panel {
  width:646px;
  max-width:calc(100vw - 24px);
  max-height:calc(100vh - 96px);
  max-height:calc(100dvh - 96px);
  overflow:auto;
  border:1px solid #dbe3ef;
  border-radius:6px;
  background:#fff;
  box-shadow:0 8px 24px #263f6514;
  font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;
}
#addons_js.v10-clientarea .v10-finance-date-panel .el-picker-panel__body { min-width:0; }
#addons_js.v10-clientarea .v10-finance-date-panel .el-date-range-picker__content { min-width:0; padding:16px; }
#addons_js.v10-clientarea .v10-finance-type-panel { max-width:calc(100vw - 24px); border-radius:4px; }
#addons_js.v10-clientarea .v10-finance-type-panel .el-select-dropdown__item { min-height:36px; height:auto; padding:8px 16px; line-height:20px; white-space:normal; }
@media (max-width:680px) {
  #addons_js.v10-clientarea .v10-finance-date-panel { width:360px; max-height:min(420px,calc(100vh - 96px)); max-height:min(420px,calc(100dvh - 96px)); }
  #addons_js.v10-clientarea .v10-finance-date-panel .el-date-range-picker__content { float:none; width:100%; padding:12px; }
  #addons_js.v10-clientarea .v10-finance-date-panel .el-date-range-picker__content.is-left { border-right:0; border-bottom:1px solid #e6ebf3; }
}
@media (max-width:1100px) {
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls { flex:1 1 100%; justify-content:flex-start; flex-wrap:wrap; width:100%; margin-left:0; }
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls > .el-select,
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls > .el-input,
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls > .el-date-editor { flex:1 1 220px; }
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-order-type,
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-order-status,
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-finance-keywords,
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-finance-date,
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-finance-balance-type { width:auto !important; }
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-finance-date { flex-basis:300px; }
}
@media (max-width:750px) {
  #addons_js.v10-clientarea .finance .v10-finance-filter-row { align-items:stretch; gap:10px; }
  #addons_js.v10-clientarea .finance .v10-finance-filter-row > .left_tips { flex:1 1 100%; }
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls > .el-select,
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls > .el-input,
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls > .el-date-editor { flex:1 1 100%; }
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-order-type,
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-order-status,
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-finance-keywords,
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-finance-date,
  #addons_js.v10-clientarea .finance .v10-finance-filter-controls .v10-finance-balance-type { width:100% !important; }
}

/* File downloads use the addon's native root and table; share the console workspace. */
#addons_js.v10-clientarea .file_download .main-card-title { height:auto; margin-bottom:24px; font-size:22px; line-height:1.5; }
#addons_js.v10-clientarea .file_download .box.pc { display:grid; grid-template-columns:minmax(0,1fr) 260px; align-items:start; gap:24px; margin-top:24px; }
#addons_js.v10-clientarea .file_download .com-l-box { min-width:0; width:100%; margin:0; grid-column:1; grid-row:1; }
#addons_js.v10-clientarea .file_download .com-r-box { min-width:0; width:auto!important; margin:0; padding:22px; float:none; grid-column:2; grid-row:1; border:1px solid var(--v10-line); border-radius:10px; box-shadow:none; background:#f8faff; }
#addons_js.v10-clientarea .file_download .top-search { display:flex; flex-wrap:wrap; align-items:center; gap:16px; padding:0 0 20px; }
#addons_js.v10-clientarea .file_download .tit { margin:0; font-size:18px; font-weight:600; line-height:26px; }
#addons_js.v10-clientarea .file_download .top-search .searchbar { flex:0 1 320px; min-width:0; max-width:100%; }
#addons_js.v10-clientarea .file_download .top-search .el-input { width:100%!important; margin-left:0!important; }
#addons_js.v10-clientarea .file_download .top-search .input-search { line-height:40px; }
#addons_js.v10-clientarea .file_download .com-r-box .tit { margin-bottom:20px; }
#addons_js.v10-clientarea .file_download .total { padding:0; gap:12px; margin:0 0 16px; font-size:14px; line-height:22px; }
#addons_js.v10-clientarea .file_download .file_folder { padding:0; }
#addons_js.v10-clientarea .file_download .file_folder .item { gap:12px; margin:0 0 12px; padding-left:12px; font-size:14px; line-height:22px; overflow-wrap:anywhere; }
#addons_js.v10-clientarea .file_download .file_folder .item::before { top:2px; }
#addons_js.v10-clientarea .file_download .tag { flex-shrink:0; min-width:20px; text-align:center; }
#addons_js.v10-clientarea .file_download .el-table { max-width:100%; }
#addons_js.v10-clientarea .file_download .myPage { max-width:100%; }
@media(max-width:1200px) {
  #addons_js.v10-clientarea .file_download .box.pc { grid-template-columns:minmax(0,1fr); }
  #addons_js.v10-clientarea .file_download .com-r-box { grid-column:1; grid-row:1; }
  #addons_js.v10-clientarea .file_download .com-l-box { grid-column:1; grid-row:2; }
  #addons_js.v10-clientarea .file_download .file_folder { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px 20px; }
  #addons_js.v10-clientarea .file_download .file_folder .item { margin:0; }
}
@media(max-width:600px) {
  #addons_js.v10-clientarea .file_download .com-r-box { padding:18px; }
  #addons_js.v10-clientarea .file_download .top-search .searchbar { flex-basis:100%; }
  #addons_js.v10-clientarea .file_download .file_folder { grid-template-columns:minmax(0,1fr); }
}