.product-workspace{scroll-margin-top:24px;margin-top:30px;padding-top:14px}.product-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.product-heading p{margin:0 0 8px;color:var(--purple);font-size:11px;font-weight:800;letter-spacing:2.5px}.product-heading h2{margin:0;font-size:34px;letter-spacing:-1.5px}.product-heading>div>span{display:block;margin-top:8px;color:var(--muted);font-size:12px}.capability-pill{display:inline-flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:11px;font-weight:800;white-space:nowrap}.capability-pill i{width:9px;height:9px;border-radius:50%;background:#b8bbc5}.capability-pill.ready{color:#16845b}.capability-pill.ready i{background:var(--green);box-shadow:0 0 0 5px #55dba025}.capability-pill.blocked{color:#b65a27}.capability-pill.blocked i{background:#f4a261;box-shadow:0 0 0 5px #f4a26124}.permission-notice{margin-bottom:16px;padding:18px 20px;border:1px solid #f0c993;border-radius:16px;background:#fff8ed;color:#70471e}.permission-notice strong{font-size:14px}.permission-notice p{margin:6px 0 0;font-size:11px;line-height:1.7}.permission-notice code{padding:2px 6px;border-radius:6px;background:#f4e8d4}.product-form{display:grid;gap:16px}.form-panel{padding:26px}.form-step{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}.form-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e9e1ff;color:#6846d6;font-size:10px;font-weight:800}.form-step div{display:grid;gap:4px}.form-step strong{font-size:15px}.form-step small{color:var(--muted);font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid.four{grid-template-columns:repeat(4,1fr)}.form-grid .wide{grid-column:1/-1}.product-form label{display:grid;gap:7px;color:#555966;font-size:10px;font-weight:800}.product-form input,.product-form textarea,.category-browser input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fafbfc;color:var(--ink);font:inherit;font-size:12px;outline:none}.product-form input{height:44px}.product-form textarea{resize:vertical;line-height:1.65}.product-form input:focus,.product-form textarea:focus,.category-browser input:focus{border-color:var(--purple);box-shadow:0 0 0 4px #8a6cf51a}.category-actions{display:flex;align-items:center;gap:10px;margin-top:16px}.category-actions span{color:var(--muted);font-size:10px}.category-browser{margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#f8f9fb}.category-browser>div{display:grid;max-height:260px;margin-top:10px;overflow:auto}.category-option{display:flex;justify-content:space-between;gap:15px;padding:10px;border:0;border-bottom:1px solid #e8eaf0;background:transparent;text-align:left;cursor:pointer}.category-option:hover{background:#fff}.category-option span{font-size:11px;font-weight:700}.category-option small{color:var(--muted)}.upload-box{place-items:center;min-height:120px;padding:24px;border:1px dashed #aab0bf;border-radius:16px;background:#f9fafc;text-align:center;cursor:pointer}.upload-box input{height:auto;max-width:350px}.image-queue{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px}.image-queue p{grid-column:1/-1;color:var(--muted);font-size:11px}.image-item{padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.image-item img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#f0f1f4}.image-item span{display:block;margin-top:7px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.image-item small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.draft-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px}.safety-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:10px!important}.safety-check input{width:18px;height:18px}.draft-submit>p{min-width:180px;margin:0;color:var(--muted);font-size:10px;text-align:right}.draft-submit>p.success{color:#16845b}.draft-submit>p.error{color:var(--danger)}.operation-panel{margin-top:16px}.status-tag{display:inline-flex;padding:4px 8px;border-radius:99px;background:#f0f1f4;font-size:9px}.status-tag.succeeded{background:#e3f8ef;color:#16845b}.status-tag.failed{background:#ffebeb;color:#b43d3d}
.selected-category{display:grid;gap:4px;margin-top:14px;padding:13px 15px;border:1px solid #bcdff6;border-radius:13px;background:#eef8ff}.selected-category strong{color:#197db7;font-size:10px}.selected-category span{font-size:11px;font-weight:800}.rule-summary{margin-bottom:18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}.rule-summary p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.rule-title{display:flex;justify-content:space-between;gap:12px}.rule-title strong{font-size:13px}.rule-title span{color:#b65a27;font-size:10px;font-weight:800}.rule-summary ul{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 0;padding:0;list-style:none}.rule-summary li{padding:6px 9px;border-radius:99px;background:#e8f5ec;color:#28764e;font-size:9px;font-weight:800}.rule-summary li.required{background:#fff0dc;color:#a85b12}.rule-summary article{margin-top:11px;padding:12px;border-left:3px solid #f1a34d;border-radius:8px;background:#fff}.rule-summary article strong{font-size:10px}.rule-summary article p{margin-top:5px}.attribute-group h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px}.attribute-group h3 span{padding:3px 7px;border-radius:99px;background:#e9e1ff;color:#6846d6;font-size:9px}.attribute-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.attribute-field{align-content:start;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.attribute-field b,.attribute-field em{justify-self:start;padding:2px 6px;border-radius:99px;font-size:8px;font-style:normal}.attribute-field b{background:#fff0dc;color:#a85b12}.attribute-field em{background:#edf3ff;color:#4967a7}.attribute-field select{min-height:44px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fafbfc;font:inherit;font-size:11px}.attribute-field select[multiple]{min-height:110px}.optional-attributes,.advanced-fields{margin-top:16px;border:1px solid var(--line);border-radius:13px;background:#fafbfc}.optional-attributes summary,.advanced-fields summary{padding:13px 15px;cursor:pointer;font-size:10px;font-weight:800}.optional-attributes .attribute-grid,.advanced-fields label{margin:0 15px 15px}.required-rule:after{content:'* 必填';justify-self:start;color:#a85b12;font-size:8px}.error-text{color:var(--danger)!important}
@media(max-width:900px){.product-heading{display:block}.capability-pill{margin-top:15px}.form-grid.four{grid-template-columns:1fr 1fr}.draft-submit{align-items:stretch;flex-direction:column}.draft-submit>p{text-align:left}}
@media(max-width:560px){.form-grid,.form-grid.four,.attribute-grid{grid-template-columns:1fr}.category-actions{align-items:stretch;flex-direction:column}.product-heading h2{font-size:29px}}