.orderThread{position:relative;margin:30px 0 0;padding:28px 30px 34px;background:linear-gradient(112deg,#f5efe0,#eee3cd 58%,#f8f1e2);border:1px solid #b99d6e;box-shadow:8px 10px 0 #b89b6d22,0 18px 45px #0003;color:#3c4544;overflow:hidden}.orderThread:before,.orderThread:after{content:'';position:absolute;pointer-events:none;border:1px solid #a88a5d66}.orderThread:before{inset:10px}.orderThread:after{inset:15px;border-style:dashed;border-color:#b3986c33}.orderThread>*{position:relative;z-index:1}.orderThreadHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #a88e634d;padding:0 3px 20px}.orderThreadHeader h2{font-size:28px;color:#3d4847;margin:9px 0 0}.orderThreadHeaderTags{display:flex;gap:8px;align-items:flex-end;flex-direction:column}.orderThreadState,.orderThreadUnread,.orderThreadMode{display:inline-block;padding:5px 8px;border:1px solid #9a7c4f80;font-size:10px;line-height:1.55;color:#80663f;background:#c7ab7822}.orderThreadUnread{color:#88504b;border-color:#a45c4c66;background:#ad68450f}.orderThreadNotice{display:flex;gap:12px;align-items:flex-start;padding:15px 3px;border-bottom:1px solid #b69a7042;font-size:12px;line-height:1.8}.orderThreadNotice p{color:#6d716d;font-size:12px;margin:0}.orderThreadTiming,.orderThreadDelivery{margin:15px 3px 0;color:#7b694f!important;font-size:12px!important;line-height:1.8}.orderThreadDelivery{border-left:2px solid #a98b5c;padding-left:10px}.orderThreadMessages{display:flex;flex-direction:column;gap:14px;padding:22px 3px 18px;max-height:620px;overflow:auto;scrollbar-color:#a58a62 #e5d9c2}.orderThreadMessage{max-width:85%;padding:14px 16px;background:#fbf7eb;border:1px solid #b6a07b88;box-shadow:3px 4px 0 #947a5512}.orderThreadMessage.is-customer{align-self:flex-end;background:#e9e1ce;border-color:#a58e6c99}.orderThreadMessage.is-staff{align-self:flex-start;border-left:3px solid #8a7151}.orderThreadMessageMeta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:11px;color:#77766c}.orderThreadMessageMeta strong{font-family:'Noto Serif TC',serif;color:#665038;font-size:14px;font-weight:500}.orderThreadMessageMeta time{margin-left:auto;color:#9b8c78;font-size:10px}.orderThreadMessageKind{margin-top:7px;color:#987b4e;font-size:10px;letter-spacing:.5px}.orderThreadMessage p{margin:8px 0 0;color:#4f5a57;font-size:14px;line-height:1.9;overflow-wrap:anywhere}.orderThreadTestLabel{display:inline-block;margin-left:7px;color:#8d5f4e;border:1px solid #a56a5555;padding:1px 4px;font-size:9px;letter-spacing:0}.orderThreadAttachment{display:block;margin-top:11px;padding-top:9px;border-top:1px solid #b0956b42;color:#836841;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.orderThreadEmpty{padding:28px 10px!important;text-align:center;color:#7d7b71!important;font-size:13px!important;border:1px dashed #b39b7566}.orderThreadRefresh{position:relative;z-index:2;padding:10px 14px;min-height:42px;color:#766243;border-color:#a78c6266;background:#fffaf08c;font-size:11px}.orderThreadComposer{margin-top:22px;padding-top:19px;border-top:1px solid #ab906044}.orderThreadField{display:flex;flex-direction:column;gap:8px;color:#725f42;font-size:12px;line-height:1.7;margin:12px 0}.orderThreadField textarea,.orderThreadField select{width:100%;background:#fffaf0;color:#485653;border-color:#b9a27c;padding:11px;min-height:44px}.orderThreadField textarea{min-height:108px;resize:vertical}.orderThreadField small,.orderThreadAttachmentField small{display:block;color:#897d6b;font-size:10px;line-height:1.7}.orderThreadAttachmentField{display:block;margin:15px 0;color:#725f42;font-size:12px;line-height:1.7}.orderThreadAttachmentField input{display:block;width:100%;margin:8px 0;background:#fffaf0;color:#485653;border-color:#b9a27c;padding:9px}.orderThreadConfirm{display:flex;gap:9px;align-items:flex-start;padding:12px 10px;margin:15px 0;border:1px solid #a88b5d66;background:#c8a97518;color:#6f5737;font-size:12px;line-height:1.8}.orderThreadConfirm input{width:18px;height:18px;min-height:0;flex:0 0 auto;margin-top:2px;accent-color:#967344}.orderThreadComposer .goldButton{color:#33291f;min-height:46px;padding:12px 18px;font-size:12px}.orderThreadStatus{min-height:1.7em;margin:10px 0 0!important;color:#866846!important;font-size:11px!important;line-height:1.7!important}.orderThreadWriteReason{padding:11px 12px;margin:0 0 14px!important;border-left:2px solid #9a7651;color:#795e42!important;background:#caa46c18;font-size:12px!important;line-height:1.8!important}.orderThreadBoundary{padding-top:15px;margin:16px 0 0!important;border-top:1px solid #a58b6540;color:#766e62!important;font-size:11px!important;line-height:1.8!important}.orderThreadError{color:#4d5855}.orderThreadError h2{font-size:23px;color:#3f4c49;margin:12px 0}.orderThreadError p{color:#6a726e;font-size:13px;margin:10px 0 18px}.orderThreadError .outlineButton{color:#6f5a3e;border-color:#a78d67;background:#fff9ec}.payAdminThreadLink{display:inline-flex;gap:10px;align-items:center;margin-top:24px;padding:12px 15px;border:1px solid #a98c624f;color:#896e46;font-size:12px;background:#c6a56a12}.payAdminRoot .orderThread{margin-top:25px}.payAdminRoot .orderThreadHeader h2{font-size:25px}
@media(max-width:699px){.orderThread{margin:22px -1px 0;padding:23px 18px 27px;box-shadow:5px 7px 0 #b89b6d22,0 12px 28px #0003}.orderThread:before{inset:8px}.orderThread:after{inset:12px}.orderThreadHeader{display:block;padding-bottom:16px}.orderThreadHeader h2{font-size:24px}.orderThreadHeaderTags{align-items:flex-start;flex-direction:row;flex-wrap:wrap;margin-top:13px}.orderThreadState,.orderThreadUnread,.orderThreadMode{font-size:9px}.orderThreadNotice{display:block;padding:13px 2px}.orderThreadNotice p{margin-top:8px}.orderThreadMessages{max-height:540px;padding:18px 2px 15px}.orderThreadMessage{max-width:95%;padding:12px 13px}.orderThreadMessageMeta time{flex-basis:100%;margin-left:0}.orderThreadMessage p{font-size:13px;line-height:1.85}.orderThreadRefresh{width:100%;justify-content:center}.orderThreadComposer{margin-top:18px}.orderThreadField{font-size:11px}.orderThreadComposer .goldButton{width:100%;justify-content:center}.orderThreadAttachmentField input{font-size:11px}.orderThreadConfirm{font-size:11px}.orderThreadBoundary{font-size:10px!important}}