:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#202723;background:#f3f5f2;font-synthesis:none;--green: #176b52;--green-dark: #123f34;--ink: #202723;--muted: #6f7772;--line: #dce1dc;--surface: #fff;--soft: #edf2ee;--amber: #b97216;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f3f5f2}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#153e34;color:#eff8f3;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand,.auth-brand{display:flex;align-items:center;gap:11px;font-size:17px}.brand-mark{width:34px;height:34px;flex:0 0 34px;display:block}.brand div{display:flex;flex-direction:column}.brand small{font-size:9px;color:#9db9ae;margin-top:2px;letter-spacing:0}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:42px}.sidebar nav a{display:flex;align-items:center;gap:12px;height:44px;padding:0 13px;border-radius:6px;color:#b9cec6;font-size:14px;transition:.18s}.sidebar nav a:hover,.sidebar nav a.router-link-active{background:#245246;color:#fff}.sidebar nav .el-icon{font-size:18px}.sidebar-foot{margin-top:auto;border-top:1px solid #31584d;padding:18px 8px 0;display:flex;align-items:center;gap:8px;color:#9db9ae;font-size:12px}.service-dot{width:7px;height:7px;border-radius:50%;background:#b9d85a}.workspace{margin-left:224px;min-height:100vh}.topbar{height:94px;padding:18px clamp(22px,4vw,52px);background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar h1{font-size:23px;line-height:1.2;margin:2px 0 0;letter-spacing:0}.page-kicker,.eyebrow{color:var(--green);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0}.topbar-actions{display:flex;gap:10px;align-items:center}.shop-switch{width:210px}.topbar .shop-switch{width:210px;flex:0 0 210px}.platform-label{float:right;color:#8b928e;margin-left:20px}.page{padding:30px clamp(22px,4vw,52px) 56px;max-width:1500px;margin:auto}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{min-height:144px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--green);border-radius:6px;padding:23px;display:flex;flex-direction:column}.metric.warning{border-top-color:var(--amber)}.metric span{color:var(--muted);font-size:13px}.metric strong{font-size:38px;margin:12px 0 4px;line-height:1}.metric .metric-text{font-size:21px;margin-top:21px}.metric small{color:#929a95}.section-band{margin-top:28px;padding:28px 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.section-heading h2,.section-band h2{margin:3px 0 0;font-size:19px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-grid>a{display:grid;grid-template-columns:40px 1fr 24px;gap:12px;align-items:center;padding:20px;background:#fff;border:1px solid var(--line);border-radius:6px;transition:.18s}.quick-grid>a:hover{border-color:#91ae9f;transform:translateY(-2px)}.quick-grid>a>.el-icon:first-child{width:40px;height:40px;border-radius:5px;background:var(--soft);color:var(--green);font-size:20px}.quick-grid div{display:flex;flex-direction:column;gap:5px}.quick-grid span,.muted-band p{font-size:12px;color:var(--muted)}.quick-arrow{color:#919994}.muted-band{display:flex;align-items:center;justify-content:space-between}.action-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.action-row p{color:var(--muted);font-size:13px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.notification-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.notification-toolbar p{margin:0;color:var(--muted);font-size:13px}.notification-list{background:var(--surface);border:1px solid var(--line);border-radius:6px;overflow:hidden;min-height:240px}.notification-row{width:100%;min-height:112px;border:0;border-bottom:1px solid var(--line);background:#fff;padding:20px 22px;display:grid;grid-template-columns:10px minmax(0,1fr) 24px;gap:14px;align-items:center;color:var(--ink);text-align:left;cursor:pointer;transition:background .18s}.notification-row:last-of-type{border-bottom:0}.notification-row:hover{background:#f7faf7}.notification-row.unread{background:#fbfdf7}.unread-dot{width:7px;height:7px;border-radius:50%;background:transparent}.notification-row.unread .unread-dot{background:var(--green);box-shadow:0 0 0 3px #dcece5}.notification-copy{display:flex;min-width:0;flex-direction:column;gap:8px}.notification-copy strong{font-size:15px}.notification-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.notification-meta time{margin-left:auto}.notification-preview{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-pagination{justify-content:flex-end;margin-top:18px}.notification-content{white-space:pre-wrap;line-height:1.8;padding:24px 0;color:#343c37}.read-receipt{display:flex;align-items:center;gap:7px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.sidebar .el-badge,.mobile-nav .el-badge{display:inline-flex}.mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.team-tabs>.el-tabs__header{margin-bottom:18px}.team-section{padding-top:4px}.table-scroll{width:100%;overflow-x:auto}.table-sub{display:block;color:var(--muted);font-size:12px;margin-top:4px}.inline-tag{margin-left:8px}.team-table .el-tag,.team-section .el-table .el-tag{margin:2px 4px 2px 0}.mobile-team{display:none}.permission-group{padding:14px 0;border-top:1px solid var(--line)}.permission-group>strong{display:block;margin-bottom:10px;font-size:13px}.permission-group .el-checkbox{margin-right:22px}.team-card{border-bottom:1px solid var(--line);padding:16px 0}.team-card-head,.team-card-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.team-card-head>div{display:flex;flex-direction:column;gap:4px}.team-card-head span,.team-card-line>span{color:var(--muted);font-size:12px}.team-card-line{margin:14px 0}.team-card-line>span{width:34px;flex:0 0 auto}.team-card-line>div,.tag-cloud{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.team-card>.el-button{width:100%;margin-top:12px}.plan-band{min-height:180px;padding:28px 30px;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.plan-title{display:flex;align-items:center;gap:12px}.plan-title h2{margin:7px 0;font-size:25px}.plan-band p:last-child,.quota-note{color:var(--muted);font-size:12px}.plan-days{min-width:110px;text-align:right;display:flex;flex-direction:column}.plan-days strong{font-size:42px;line-height:1;color:var(--green-dark)}.plan-days span{margin-top:8px;color:var(--muted);font-size:12px}.quota-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quota-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:6px}.quota-head,.quota-head>div,.quota-stats{display:flex;align-items:center}.quota-head{justify-content:space-between;gap:10px;margin-bottom:18px}.quota-head>div{gap:8px}.quota-head .el-icon{color:var(--green);font-size:19px}.quota-head>span{color:var(--green);font-size:12px;font-weight:700}.quota-stats{justify-content:space-between;margin:14px 0 0;color:var(--muted);font-size:11px}.quota-stats strong{color:var(--ink)}.quota-card .el-alert{margin-top:15px}.selected-result{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:12px}.history-task{width:100%;min-height:72px;padding:12px 10px;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}.history-task:hover,.history-task.active{background:var(--soft)}.history-task>div{min-width:0;display:flex;flex-direction:column;gap:5px}.history-task>div span{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.product-cell{display:flex;align-items:center;gap:12px}.product-cell .el-image{width:54px;height:54px;border-radius:4px;background:#eef1ee;flex:0 0 auto}.product-cell>div{display:flex;flex-direction:column;gap:5px;min-width:0}.product-cell strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-cell span{font-size:12px;color:var(--muted)}.image-fallback{height:100%;display:grid;place-items:center;color:#9aa39d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-span{grid-column:1/-1}.two-column{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:22px;align-items:start}.tool-panel,.history-panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:26px}.input-meta{display:flex;justify-content:space-between;margin:9px 0 20px;font-size:12px;color:var(--muted)}.danger{color:#c33}.full-button{width:100%;height:44px}.mini-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a938d}.mini-empty .el-icon{font-size:34px;margin-bottom:8px}.task-row{display:grid;grid-template-columns:8px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #edf0ed}.task-row:last-child{border-bottom:0}.task-status{width:8px;height:34px;background:#aab1ad;border-radius:2px}.task-status.completed{background:#3b936f}.task-status.failed{background:#ca5a50}.task-status.partial{background:#d1943b}.task-row>div:nth-child(2){display:flex;flex-direction:column;gap:5px}.task-row span{font-size:12px;color:var(--muted)}.field-help{display:block;color:var(--muted);margin-top:5px}.result-summary{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}.result-summary strong{font-size:30px}.result-summary span{font-size:13px;color:var(--muted)}.asset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.asset-tile{aspect-ratio:1;background:#eff2ef;border:1px solid var(--line);border-radius:5px;overflow:hidden}.asset-tile .el-image{width:100%;height:100%}.asset-error{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a938d;padding:16px;text-align:center;font-size:12px}.asset-error .el-icon{font-size:25px;margin-bottom:7px}.page-loading,.empty-workspace{padding:50px;max-width:900px;margin:auto}.empty-workspace{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-workspace>.el-icon{font-size:42px;color:var(--green)}.empty-workspace h2{margin:16px 0 4px}.empty-workspace p{color:var(--muted);margin-bottom:18px}.mobile-nav{display:none}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,43%) 1fr;background:#fff}.auth-identity{background:#173f35;color:#fff;padding:48px clamp(32px,6vw,84px);display:flex;flex-direction:column;justify-content:space-between}.auth-identity .eyebrow{color:#d7f15c}.auth-identity h1{font-size:clamp(38px,4vw,62px);line-height:1.08;margin:14px 0 20px;letter-spacing:0}.auth-identity p:not(.eyebrow){color:#bad0c7;max-width:440px;line-height:1.8}.auth-identity small{color:#8ba99d}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:42px}.auth-form{width:min(400px,100%)}.auth-form h2{font-size:27px;margin:6px 0 30px}.login-mode{width:100%;margin-bottom:24px}.login-mode .el-segmented__item{min-height:38px}.sms-code-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:10px}.sms-code-row .el-button{width:116px;padding-inline:8px}.auth-link{text-align:center;font-size:13px;color:var(--muted);margin-top:22px}.auth-link a{color:var(--green);font-weight:700}.register-form{width:min(590px,100%)}.el-button--primary{--el-button-bg-color: var(--green);--el-button-border-color: var(--green);--el-button-hover-bg-color: #215f4e;--el-button-hover-border-color: #215f4e}.el-input-number,.el-select{width:100%}.el-table{--el-table-header-bg-color: #f7f9f7;--el-table-border-color: #edf0ed}.el-dialog{border-radius:7px}.el-segmented{--el-segmented-item-selected-bg-color: #fff;--el-segmented-item-selected-color: var(--green)}@media (max-width: 900px){.desktop-team{display:none}.mobile-team{display:block}.team-page .section-band{padding:0}.team-page .section-heading{align-items:center}.team-page .section-heading h2{font-size:18px}.sidebar{display:none}.workspace{margin-left:0;padding-bottom:68px}.topbar{height:78px;padding:14px 18px}.topbar h1{font-size:19px}.page{padding:20px 16px 38px}.metric-grid,.quick-grid{grid-template-columns:1fr}.metric{min-height:118px}.two-column{grid-template-columns:1fr}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));inset:auto 0 0;background:#fff;border-top:1px solid var(--line);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#747d78;font-size:10px}.mobile-nav a.router-link-active{color:var(--green)}.mobile-nav .el-icon{font-size:20px}.mobile-nav a span{white-space:nowrap}.shop-switch,.topbar .shop-switch{width:145px;flex-basis:145px}.topbar .page-kicker{display:none}.auth-page{grid-template-columns:1fr}.auth-identity{min-height:230px;padding:28px}.auth-identity>div:nth-child(2){margin-top:38px}.auth-identity h1{font-size:32px;margin:8px 0}.auth-identity p:not(.eyebrow),.auth-identity small{display:none}.auth-form-wrap{padding:34px 22px}.form-grid{grid-template-columns:1fr}.grid-span{grid-column:auto}.asset-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.topbar-actions>.el-button{display:none}.shop-switch,.topbar .shop-switch{width:132px;flex-basis:132px}.tool-panel,.history-panel{padding:19px}.section-heading{align-items:flex-start}.product-cell .el-image{width:44px;height:44px}.muted-band{align-items:flex-start;gap:14px}.auth-form h2{font-size:23px}.el-dialog{width:94%!important}.notification-toolbar{align-items:flex-start;flex-direction:column}.notification-row{min-height:122px;padding:17px 14px;gap:9px}.notification-meta{flex-wrap:wrap;gap:7px}.notification-meta time{width:100%;margin-left:0}.plan-band{min-height:150px;padding:20px}.plan-title{align-items:flex-start;flex-direction:column;gap:4px}.plan-title h2{font-size:21px}.plan-days{min-width:72px}.plan-days strong{font-size:34px}.quota-grid{grid-template-columns:1fr}.mobile-nav a{min-width:0}}
