#customer-dialog{width:900px;max-width:96vw;max-height:94dvh}#customer-dialog h2{font-size:20px;font-weight:500}#customer-status{padding:0 24px;color:var(--accent);line-height:1.8}.order-toolbar{display:flex;gap:12px;padding:16px 24px}.order-toolbar button,.order-content button,#order-admin button{background:#30382a;color:var(--text);border:1px solid #657151;padding:10px 16px;cursor:pointer;margin:5px 7px 5px 0}.order-content,#order-admin{padding:24px}.order-content p,#order-admin p,#customer-dialog form p{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.order-content strong,#order-admin strong{color:var(--text)}.order-secret{border:1px dashed var(--accent);padding:15px}.order-preview{margin-top:20px}.order-preview img{width:100%;max-height:500px;object-fit:contain;background:#faf7ef;touch-action:pan-y;user-select:none}.order-preview input{width:100%}.order-admin-row{border-bottom:1px solid var(--line);padding:10px 0}#order-admin:empty{display:none}.order-content details,#order-admin details{padding-top:20px}.order-content summary,#order-admin summary{cursor:pointer;font-size:13px}header nav{gap:18px}@media(max-width:950px){header .brand small{display:none}header nav{gap:12px;font-size:11px}}@media(max-width:650px){header{height:auto;min-height:90px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}header nav{flex-wrap:wrap}#customer-dialog h2{font-size:16px}.order-content,#order-admin{padding:18px}}

.commission-guide{border-top:1px solid var(--line);margin-top:40px;padding-top:30px}.commission-guide>h3{font-size:25px;font-weight:400;margin:12px 0 20px}.commission-intro,.commission-note{font-size:13px;color:var(--muted);line-height:1.9;max-width:850px}.commission-steps{list-style:none;counter-reset:commission;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:28px 0;gap:18px}.commission-steps li{counter-increment:commission;padding:24px;border:1px solid var(--line);background:var(--panel)}.commission-steps li:before{content:'0' counter(commission);color:var(--accent);font-size:12px;letter-spacing:2px}.commission-steps h4{font-size:17px;font-weight:500;margin:16px 0 12px}.commission-steps p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.commission-note{border-left:2px solid var(--accent);padding-left:15px}@media(max-width:950px){.commission-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.commission-steps{grid-template-columns:1fr}.commission-guide>h3{font-size:22px}}

.flow-order-link{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.flow-order-link:hover{color:#e3ffa0}

.brand-group{display:flex;align-items:center;gap:20px}.brand-caption{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.brand-caption small{font-size:10px;letter-spacing:2px;white-space:nowrap}.brand-caption a{font-size:12px;color:var(--muted)}.brand-caption a:hover{color:var(--accent)}footer{flex-wrap:wrap;row-gap:20px}.footer-admin{flex-basis:100%;border-top:1px solid var(--line);padding-top:14px;text-align:center}.footer-admin .text-button{font-size:11px;color:var(--muted)}@media(max-width:650px){.brand-group{gap:14px}.brand-caption small{font-size:9px;letter-spacing:1px}.brand-caption a{font-size:11px}.brand-caption{gap:6px}header nav{margin-left:auto}}

.services .service-scope{color:var(--accent);margin-bottom:10px}.admin-form select{width:100%;min-width:0;background:#242922;border:1px solid #4c5546;color:var(--text);padding:11px;font:inherit;font-size:14px}


.admin-order-key{padding:16px;border:1px solid var(--line);margin:14px 0}.admin-order-key label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.admin-order-key input{width:100%;max-width:460px;background:#242922;color:var(--text);border:1px solid #58634c;padding:10px;font:inherit;min-width:0}.order-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0}.order-milestones li,.order-event{border:1px solid var(--line);padding:12px}.order-event{margin-top:12px}.order-milestones p{margin:0}@media(max-width:650px){.order-milestones{grid-template-columns:1fr}}

.order-search{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:18px 0;border-bottom:1px solid var(--line)}.order-search label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.order-search label:first-child{flex:1;min-width:200px}.order-search input,.order-search select{background:#242922;color:var(--text);border:1px solid #58634c;padding:11px;min-width:0;width:100%;font:inherit}.order-pagination{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}.order-pagination span{font-size:13px;color:var(--muted)}@media(max-width:650px){.order-search label{width:100%}.order-pagination{gap:5px}}

#shop-dialog{width:850px;max-width:96vw;max-height:94dvh}#shop-dialog h2{font-size:20px;font-weight:500}.shop-preview{display:block;width:100%;height:360px;object-fit:contain;background:#faf7ef;touch-action:pan-y}.shop-preview+input{width:100%}#shop-status{padding:0 24px 20px;color:var(--accent)}


.work-kinds{display:flex;flex-direction:column;gap:10px;margin-top:28px}.work-kind-row{display:flex;flex-wrap:wrap;gap:10px}.work-kinds button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:11px 18px;font-size:13px}.work-kinds button.selected{background:var(--accent);color:#263016;border-color:var(--accent)}.portfolio-guide{font-size:12px;color:var(--muted);line-height:1.9;max-width:850px}.auto-preview{padding:16px;border:1px dashed #657151}.auto-preview img{display:block;max-width:240px;width:100%;aspect-ratio:1;object-fit:contain;background:#fffaf0}.auto-preview p{font-size:12px;color:var(--muted);line-height:1.8}.admin-form input[type=checkbox]{width:20px;height:20px}.admin-form #custom-publish-label{display:flex;align-items:center;line-height:1.8}.hero-art:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#151715bd);pointer-events:none}.hero-art .art-caption,.hero-art .orbit-label{z-index:1}.hero-art .art-label{background:#15171580;padding:6px 10px}.card-index{background:#15171580;padding:4px 6px}

.about h2.about-slogan{white-space:nowrap;font-size:clamp(20px,5.6vw,34px)}


.quote-order-link{display:inline-block;background:transparent;border:0;color:var(--accent);font:inherit;text-decoration:underline;text-underline-offset:4px;padding:6px 10px;white-space:nowrap;cursor:pointer}.quote-order-link:hover{color:#e3ffa0}

.gallery-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:32px}.gallery-page-summary{font-size:12px;color:var(--muted);margin-right:12px}.gallery-pagination button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 15px;font-size:12px}.gallery-pagination button:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}@media(max-width:650px){.gallery-page-summary{width:100%;text-align:center;margin:0 0 6px}.gallery-pagination{gap:8px}}


.footer-brand-group{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.footer-brand-group .text-button{font-size:11px;color:var(--muted)}


.order-notice{display:flex;align-items:center;gap:16px;padding:18px max(24px,5vw);border-top:1px solid #d9d6cc;color:#596052;font-size:13px;background:#f8f5ed}.order-notice>span{font-weight:600;white-space:nowrap}.order-notice p{flex:1;margin:0;overflow-wrap:anywhere}.message-search{grid-template-columns:repeat(2,minmax(0,1fr))}.message-row pre{max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.message-row details{margin:12px 0}.message-row p{overflow-wrap:anywhere}@media(max-width:600px){.order-notice{flex-wrap:wrap;gap:8px}.order-notice p{flex-basis:70%}.message-search{grid-template-columns:1fr}}

.payment-table-wrap{max-width:100%;overflow-x:auto;margin:20px 0}.payment-table{width:100%;border-collapse:collapse;font-size:12px;min-width:1050px}.payment-table th,.payment-table td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top;max-width:240px;overflow-wrap:anywhere}.payment-table th{color:var(--accent);font-weight:500}.payment-table td{line-height:1.7}

.revision-dialog{width:900px;max-width:96vw;max-height:94dvh;padding:20px}.revision-dialog p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.revision-dialog label{display:grid;gap:8px;margin:14px 0;font-size:13px}.revision-dialog textarea{width:100%;min-height:85px;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:10px;font:inherit}.revision-canvas{display:block;max-width:100%;height:auto;margin:12px auto;touch-action:none;cursor:crosshair}.revision-image{display:block;max-width:100%;height:auto;margin:12px auto}.revision-dialog button{padding:9px 12px;background:var(--panel);color:var(--accent);border:1px solid var(--line)}

.payment-image-editor{border:1px dashed var(--line);padding:12px}.payment-image-editor p{font-size:12px;line-height:1.7}.payment-proof-image{display:block;max-width:100%;max-height:640px;object-fit:contain;margin:10px 0}.payment-image-editor .payment-proof-image{max-height:240px}

.order-content .order-credential-notice,.order-content .order-credential-notice strong{color:#ff7373;font-weight:700}

#order-admin .order-number--admin,#order-admin .order-number--admin strong{color:#ff9292;font-weight:600}
#order-admin .order-number--customer,#order-admin .order-number--customer strong{color:#9cdea5;font-weight:600}
.order-event{width:100%;box-sizing:border-box;overflow-wrap:anywhere;margin-left:0;margin-right:0;text-align:left}
.order-event--customer{background:#233c48;border-color:#496879}
.order-event--admin{background:#344327;border-color:#64794d}
.order-event--system{background:#39343f;border-color:#6e607b}
.payment-table tfoot th,.payment-table tfoot td{background:#344327;font-weight:600;color:var(--text);border-top:2px solid var(--accent)}
.payment-search{grid-template-columns:repeat(2,minmax(0,1fr))}
.payment-search>.payment-query,.payment-search>.payment-search-actions{grid-column:1/-1}
.payment-search>label{min-width:0}
.payment-search select{width:100%;min-width:0}
.payment-search-actions{display:flex;gap:12px;align-items:center}
.order-message-search{grid-template-columns:repeat(2,minmax(0,1fr))}
.order-message-search>.message-query,.order-message-search>.message-search-actions{grid-column:1/-1}
.order-message-search>label{min-width:0}
.order-message-search select{width:100%;min-width:0}
.order-message-search>.message-refresh{align-self:end;justify-self:start}
.message-search-actions{display:flex;gap:12px;align-items:center}
#customer-create .submission-notice{padding:14px;border:1px solid #8b9b68;background:#344327;color:var(--text);line-height:1.8}
#order-admin .order-operation-warning,#order-admin .order-operation-warning strong{color:#ff7373;font-weight:700}
#order-admin .order-operation-warning{padding:14px;border:1px solid #b95050;background:#422b2b;line-height:1.8}
#work-form [aria-invalid=true]{border:2px solid #ff7373;outline:1px solid #ff7373}
#work-form .work-field-error{color:#ff7373;font-size:13px;font-weight:600;line-height:1.7;overflow-wrap:anywhere}
.customer-order-header{display:flex;gap:20px;align-items:center;flex-wrap:nowrap;overflow-x:auto;border:1px dashed var(--accent);padding:12px}
.customer-order-header p{margin:0;white-space:nowrap}
.customer-next-step{margin:16px 0;padding:18px;border:1px solid var(--accent);background:#30382a}
.order-admin-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.order-admin-top p{margin:0;overflow-wrap:anywhere}.order-admin-top button{margin:0!important;flex-shrink:0}
#order-admin .admin-public-case,#order-admin .admin-private-delivery,#order-admin .admin-exception-controls{border-top:1px solid var(--line);padding:12px 0}#order-admin .admin-public-case>summary,#order-admin .admin-private-delivery>summary,#order-admin .admin-exception-controls>summary{padding:4px 0;font-weight:600}#order-admin .admin-exception-controls .admin-form{border-top:1px solid var(--line)}
.customer-next-step h3{margin-top:0}
.customer-next-step-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-next-step-header h3{margin:0}.customer-next-step-header button{margin:0;white-space:nowrap}
.customer-payment-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.customer-payment-header h3{margin:0}.customer-payment-header button{margin:0}
.customer-payment-header .customer-payment-confirmed{margin:0;color:var(--accent)}.customer-completed-steps .customer-payment-header{padding:14px 0}
@media(max-width:650px){.customer-next-step-header{align-items:flex-start}.customer-next-step-header button{font-size:11px;padding:8px}.customer-payment-header{align-items:flex-start}.customer-payment-header button{font-size:12px}}
.customer-completed-steps{margin-top:20px;border-top:1px solid var(--line)}
.customer-revision-archive{margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.customer-revision-archive>summary{font-weight:700}.customer-revision-batch{padding:8px 0 8px 12px;border-top:1px solid var(--line)}.customer-revision-batch>summary{overflow-wrap:anywhere}.customer-revision-entry{padding:8px 0}.customer-revision-entry .revision-record-actions{margin:0}
.revision-viewport{height:55vh;height:55dvh;max-height:600px;overflow:auto;background:#faf7ef;touch-action:none;position:relative;overflow-anchor:none}
.revision-viewport .revision-canvas{width:100%;max-width:none;margin:0}
.revision-sheet{padding:16px;border:1px solid var(--line);background:var(--panel)}
.revision-sheet-page{padding:12px 0 24px;border-bottom:1px solid var(--line);margin-bottom:20px;break-inside:avoid}
.revision-sheet-page h4{margin:0 0 12px}.revision-sheet-page .revision-image{margin:0 auto 16px}
.revision-overview{margin-bottom:20px;outline:none}.revision-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.revision-validation{color:#ff8888;border:1px solid #c95858;padding:12px}
.revision-dialog .revision-return-edit{display:inline;padding:0 3px;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.revision-dialog .revision-conflict-warning{color:#ed6868;font-weight:700;border-left:3px solid #ed6868;padding:8px 12px}
.revision-sheet .revision-conclusion{font-weight:700;color:var(--text)}
.revision-originals{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.revision-originals summary{cursor:pointer}.revision-original{margin:20px 0 0}.revision-original figcaption{text-align:left;font-weight:700;margin-bottom:10px;color:var(--accent)}.revision-original .revision-image{margin-top:0}
.revision-overview-card{text-align:left;min-width:0;cursor:pointer}.revision-overview-card img{display:block;width:100%;height:150px;object-fit:contain;background:#faf7ef;margin-bottom:10px}.revision-overview-card p{margin:8px 0 0}.revision-sheet-page{scroll-margin-top:16px}
@media(max-width:650px){.revision-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.revision-overview-card img{height:110px}}
.revision-point-notes textarea{width:100%}
.revision-point-notes label{position:relative;padding-top:8px;padding-right:32px}.revision-point-notes label textarea{grid-column:1/-1;min-height:95px}.revision-dialog .revision-point-delete{position:absolute;right:0;top:0;width:28px;height:28px;padding:0;line-height:24px;font-size:22px;color:#ff9999;border-color:#925959;cursor:pointer}
.revision-dialog[data-annotation-editor][open]{display:grid;width:1180px;grid-template-columns:minmax(0,1fr) 300px;gap:0 16px}
.revision-dialog[data-annotation-editor]> *{grid-column:1/-1;min-width:0}
.revision-dialog[data-annotation-editor]>h3{grid-row:1;grid-column:1;margin:0 0 12px;align-self:center}
.revision-dialog[data-annotation-editor]>.revision-top-actions{grid-row:1;grid-column:2;display:flex;justify-content:flex-end;gap:8px;align-items:center;margin-bottom:12px}
.revision-top-actions button{white-space:nowrap}
.revision-record-actions{display:flex;justify-content:flex-start;margin-bottom:10px}.revision-evidence-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.revision-evidence-header h3{margin:0;font-size:18px}.revision-dialog .revision-evidence-close{font-size:26px;line-height:1;width:36px;height:36px;padding:0;cursor:pointer;flex-shrink:0}.revision-dialog[data-annotation-editor]>.revision-top-actions{flex-wrap:wrap}
.admin-revision-index{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:16px 0}.admin-revision-index h3{font-size:15px;margin:0 0 8px}.admin-revision-index p{margin:8px 0}.admin-revision-links{display:flex;flex-wrap:wrap;gap:8px}.admin-revision-link .revision-record-actions{margin:0}
.revision-dialog[data-annotation-editor]>.revision-conflict-warning{grid-row:2;grid-column:1/-1;margin:0 0 10px}
.revision-dialog[data-annotation-editor]>.revision-views{grid-row:3}
.revision-dialog[data-annotation-editor]>.revision-viewport{grid-column:1;grid-row:4}
.revision-dialog[data-annotation-editor]>.revision-point-notes{grid-column:2;grid-row:4;height:55vh;height:55dvh;max-height:600px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);padding:0 12px 12px}
.revision-point-notes::before{content:'圈示修改说明 · 对照左侧图片填写';display:block;position:sticky;top:0;background:var(--panel);padding:12px 0;z-index:1;font-size:13px;color:var(--accent)}
.revision-point-notes:empty::after{content:'请先在图片上圈示，每个编号会自动生成一项说明输入框。';display:block;font-size:13px;line-height:1.8;color:var(--muted)}
.revision-dialog[data-annotation-editor]>.order-toolbar{grid-row:5}
.revision-dialog[data-annotation-editor]>.revision-help{grid-row:6}
.revision-dialog[data-annotation-editor]>label{grid-row:7}
@media(max-width:650px){.revision-dialog[data-annotation-editor][open]{grid-template-columns:minmax(0,1fr)}.revision-dialog[data-annotation-editor]>.revision-viewport{grid-column:1;grid-row:4;height:36dvh}.revision-dialog[data-annotation-editor]>.revision-point-notes{grid-column:1;grid-row:5;height:25dvh;margin-top:10px}.revision-dialog[data-annotation-editor]>.order-toolbar{grid-row:6}.revision-dialog[data-annotation-editor]>.revision-help{grid-row:7}.revision-dialog[data-annotation-editor]>label{grid-row:8}.revision-point-notes::before{content:'圈示修改说明 · 对照上方图片填写'}}
.revision-views{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.revision-views button[aria-pressed=true]{background:var(--accent);color:#20251e}
.revision-dialog>.order-toolbar{flex-wrap:wrap;padding:12px 0}
.order-event .payment-proof-image{margin-left:0;margin-right:auto}
@media(max-width:650px){.revision-dialog[data-annotation-editor]>h3{padding-top:48px}.revision-dialog[data-annotation-editor]>.revision-top-actions{grid-column:1;align-self:start;justify-self:end;margin:0}.revision-top-actions button{font-size:12px;padding:7px 9px}}
@media(max-width:650px){.order-event{padding:10px}}

.requirement-files{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:10px;min-width:0}.requirement-files p{font-size:13px;line-height:1.7}.requirement-file{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0}.requirement-file span{flex:1;min-width:120px;overflow-wrap:anywhere}.requirement-file img{width:88px;height:88px;object-fit:contain;border-radius:6px}.requirement-file img.requirement-preview{width:100%;height:auto;max-height:600px;flex-basis:100%;object-fit:contain}.requirement-files input{max-width:100%}

.video-cover-picker{grid-column:1/-1;padding:16px;border:1px solid var(--line)}.video-cover-picker video{display:block;width:100%;max-width:640px;max-height:360px}.video-cover-picker img{display:block;max-width:240px;max-height:240px;margin-top:12px}.video-cover-picker p{font-size:12px;color:var(--muted);line-height:1.8}.video-cover-picker button{margin-top:12px}

.work-visibility{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text)}.work-visibility input{width:16px;height:16px;accent-color:var(--accent)}
.deposit-payment-warning{margin:0;padding:12px 14px;border:1px solid #d56b5d;background:#4a211d;color:#ffb4a8;font-size:13px;line-height:1.8;font-weight:600}

#my-work-lookup{width:min(480px,92vw);padding:24px} .my-work-display{width:min(1080px,94vw);max-height:92dvh;overflow:auto;padding:24px}.my-work-display .public-display-host{width:100%;min-height:0}.my-work-display canvas{display:block;width:100%;height:min(60vh,640px)}.my-work-display .shop-preview{max-height:65vh;object-fit:contain}
