body.order-detail-redesign-active uni-page-body{min-height:100dvh;background:radial-gradient(circle at 82% 8%,#e7c76e22 0 12%,transparent 13%),linear-gradient(160deg,#0a2c49,#061b30 64%,#0a2942)!important;color:#142b42!important;font-family:"Songti SC","Microsoft YaHei",serif!important}
body.order-detail-redesign-active .u-navbar__content,body.order-detail-redesign-active .u-status-bar{background:transparent!important}
body.order-detail-redesign-active .u-navbar__content__title,body.order-detail-redesign-active .u-navbar__content__left .u-icon__icon{color:#f5d895!important;font-family:"Songti SC","Microsoft YaHei",serif!important}
body.order-detail-redesign-active .uinn{padding:25px 15px 42px!important}
body.order-detail-redesign-active .base-box{border:1px solid #e2c582!important;border-radius:22px!important;background:linear-gradient(145deg,#fffdf8,#f0dfbb)!important;box-shadow:0 14px 28px #0007!important;overflow:hidden!important}
body.order-detail-redesign-active .content{padding:17px!important;background:linear-gradient(135deg,#fffdf8,#f6e9ce)!important}
body.order-detail-redesign-active .content .g-icon{width:74px!important;height:74px!important;border-radius:14px!important;box-shadow:0 5px 13px #45341d33!important}
body.order-detail-redesign-active .base-title{margin:20px 0 9px!important;padding-left:12px!important;border-left:4px solid #c38b32!important;color:#f5d895!important;font:700 20px "Songti SC","Microsoft YaHei",serif!important;letter-spacing:.08em!important}
body.order-detail-redesign-active .uinn1{padding:16px!important;border:1px solid #e2cd9e!important;border-radius:15px!important;background:#fffdf8!important;box-shadow:0 5px 15px #0002!important}
body.order-detail-redesign-active .uinn1 uni-text,body.order-detail-redesign-active .uinn1 uni-view{color:#183149!important;font-family:"Songti SC","Microsoft YaHei",serif!important}
body.order-detail-redesign-active .uinn1 .gc2{color:#8d7758!important}
body.order-detail-redesign-active .uinn1 .gc3{color:#bb7421!important;font-weight:700!important}
body.order-detail-redesign-active .base-btn{height:54px!important;margin-top:24px!important;border:1px solid #b67e2b!important;border-radius:28px!important;background:linear-gradient(135deg,#f2d590,#bc812d)!important;box-shadow:0 7px 15px #71491955!important;color:#182b3e!important;font:700 18px/52px "Songti SC","Microsoft YaHei",serif!important;letter-spacing:.12em!important}


/* Dispatch-detail presentation based on the approved navy-and-gold manuscript style. */
body.order-detail-redesign-active uni-page-body{position:relative!important;padding-top:176px!important;padding-bottom:98px!important;background:linear-gradient(155deg,#061d34 0,#0d3857 19%,#f3ead8 19.2%,#fcf9f1 78%,#0a2843 100%)!important;overflow-x:hidden!important}
body.order-detail-redesign-active uni-page-body:before{content:"派单任务详情\A\A以 AI 为笔\A书写更好的自己\A\A技能变现 · 知识生金";white-space:pre;position:absolute;z-index:0;top:0;right:0;left:0;height:200px;padding:31px 30px;background:radial-gradient(circle at 76% 41%,#f3d488 0 12%,#f3d48833 12.5% 25%,transparent 25.5%),linear-gradient(120deg,#061a31,#103f60 58%,#071b31);color:#f8dfab;font:600 16px/1.43 "Songti SC","STSong",serif;letter-spacing:.08em;text-shadow:0 2px 7px #000;box-sizing:border-box}
body.order-detail-redesign-active uni-page-body:after{content:"";position:absolute;z-index:0;top:154px;right:0;left:0;height:46px;background:linear-gradient(150deg,transparent 0 25%,#1c4a60 26% 48%,transparent 49% 64%,#0b314e 65%);opacity:.85}
body.order-detail-redesign-active uni-page-body>.uinn{position:relative!important;z-index:1;width:calc(100% - 24px)!important;margin:0 auto!important;padding:18px 14px 28px!important;border:1px solid #d4b26d!important;border-radius:20px!important;background:linear-gradient(145deg,#fffdf8,#f2e7d1)!important;box-shadow:0 12px 30px #07162666!important}
body.order-detail-redesign-active uni-page-body>.uinn .base-box{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.order-detail-redesign-active uni-page-body>.uinn .content{position:relative!important;min-height:120px;padding:11px 105px 17px 0!important;border-bottom:1px solid #ded1b6!important;background:transparent!important}
body.order-detail-redesign-active uni-page-body>.uinn .content:after{content:"任务报酬\A¥";white-space:pre;position:absolute;top:5px;right:0;width:86px;height:92px;padding-top:13px;border:1px solid #e2c580;border-radius:12px;background:linear-gradient(145deg,#fff2d3,#eed190);color:#9c6324;font:700 17px/1.4 "Songti SC",serif;text-align:center;box-sizing:border-box;box-shadow:0 5px 12px #6d4d1f22}
body.order-detail-redesign-active uni-page-body>.uinn .content .g-icon{display:none!important}
body.order-detail-redesign-active uni-page-body>.uinn .content .fs-14{color:#132b45!important;font:700 28px/1.18 "Songti SC","STSong",serif!important;white-space:normal!important}
body.order-detail-redesign-active uni-page-body>.uinn .base-title{display:flex!important;align-items:center!important;gap:9px;margin:24px 0 12px!important;padding:0!important;border:0!important;color:#102b48!important;font:700 23px/1.2 "Songti SC","STSong",serif!important}
body.order-detail-redesign-active uni-page-body>.uinn .base-title:before{content:"▣";display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:#103451;color:#f4d98f;font:18px/1 sans-serif}
body.order-detail-redesign-active uni-page-body>.uinn .uinn1{padding:16px!important;border:0!important;border-radius:14px!important;background:linear-gradient(145deg,#f9f6ee,#eee7d9)!important;box-shadow:none!important}
body.order-detail-redesign-active uni-page-body>.uinn .uinn1 .fs-13{padding:5px 0!important;font-size:15px!important;line-height:1.7!important;color:#405061!important}
body.order-detail-redesign-active uni-page-body>.uinn .uinn1 .gc2{color:#172f49!important;font-weight:700!important}
body.order-detail-redesign-active uni-page-body>.uinn .base-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:calc(50% - 5px)!important;height:62px!important;margin:24px 4px 0 0!important;border:1px solid #d0a95d!important;border-radius:13px!important;background:linear-gradient(135deg,#0d3554,#08223b)!important;color:#fff3c9!important;font:700 18px/1 "Songti SC",serif!important;letter-spacing:.08em!important;box-shadow:0 6px 13px #061a2a55!important}
body.order-detail-redesign-active uni-page-body>.uinn .base-btn:last-of-type{margin-right:0!important;background:linear-gradient(135deg,#fff1c9,#d6a44d)!important;color:#71441d!important}

/* Approved artwork composition with live data and live action controls. */
.detail-native-hidden{visibility:hidden!important;pointer-events:none!important}
#order-detail-reference-ui{position:relative;z-index:100;min-height:max(237vw,100dvh);padding-bottom:82px;background:#08233b url('/order-detail-reference.png') center top/100% auto no-repeat;color:#142b42;box-sizing:border-box}
#order-detail-reference-ui .detail-live-copy{position:absolute;top:42vw;right:6.8vw;left:8vw;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2.6vw 2.8vw;border-radius:12px;background:#fffdf7e6;box-shadow:0 2px 10px #46331912}
#order-detail-reference-ui .detail-live-copy strong{display:block;max-width:65%;font:700 5.1vw/1.18 "Songti SC","STSong",serif;letter-spacing:.02em}
#order-detail-reference-ui .detail-live-copy span{display:flex;flex-direction:column;align-items:center;min-width:19vw;color:#9b6a2a;font:700 2.8vw/1.25 "Songti SC",serif}.detail-live-copy b{margin-top:1.2vw;color:#b22c20;font-size:6.5vw}
#order-detail-reference-ui button{position:absolute;top:195vw;width:42.6vw;height:13.4vw;border:0;border-radius:15px;background:transparent;color:transparent;font-size:0;cursor:pointer}
#order-detail-reference-ui button small{display:none}.detail-self{left:5.2vw}.detail-ai{right:5.2vw}
@media(min-width:540px){#order-detail-reference-ui{min-height:1280px;background-size:540px auto;background-position:top center}#order-detail-reference-ui .detail-live-copy{top:226px;right:calc(50% - 226px);left:calc(50% - 226px);padding:14px 15px}#order-detail-reference-ui .detail-live-copy strong{font-size:28px}.detail-live-copy b{font-size:35px}#order-detail-reference-ui button{top:1053px;width:230px;height:116px}.detail-self{left:calc(50% - 250px)}.detail-ai{right:calc(50% - 250px)}}
#order-detail-reference-ui .detail-live-requirement{position:absolute;top:73vw;right:9vw;left:9vw;max-height:31vw;overflow:auto;color:#374557;font:3.35vw/1.58 "Microsoft YaHei",sans-serif;white-space:pre-wrap}@media(min-width:540px){#order-detail-reference-ui .detail-live-requirement{top:394px;right:calc(50% - 220px);left:calc(50% - 220px);max-height:168px;font-size:18px}}

/* The task text is supplied by the backend goods.content endpoint. */
#order-detail-reference-ui .detail-live-requirement{box-sizing:border-box;padding:2.2vw 2.5vw;border-radius:10px;background:linear-gradient(145deg,#f9f6ee 0%,#eee7d9 100%);box-shadow:inset 0 0 0 1px #e9dfca;white-space:normal}
#order-detail-reference-ui .detail-live-requirement>*:first-child{margin-top:0}
#order-detail-reference-ui .detail-live-requirement>*:last-child{margin-bottom:0}
#order-detail-reference-ui .detail-live-requirement p{margin:.35em 0}
#order-detail-reference-ui .detail-live-requirement ul,#order-detail-reference-ui .detail-live-requirement ol{margin:.35em 0;padding-left:1.35em}
#order-detail-reference-ui .detail-live-requirement li{margin:.18em 0}
#order-detail-reference-ui .detail-live-requirement img{max-width:100%;height:auto;border-radius:6px}
@media(min-width:540px){#order-detail-reference-ui .detail-live-requirement{padding:12px 14px}}
#order-detail-reference-ui .detail-live-copy>div{min-width:0;max-width:65%}
#order-detail-reference-ui .detail-live-copy em{display:block;margin-top:1.2vw;color:#8b7760;font:2.5vw/1.35 "Microsoft YaHei",sans-serif;font-style:normal}
@media(min-width:540px){#order-detail-reference-ui .detail-live-copy em{margin-top:6px;font-size:14px}}

/* Let the rich-text requirement panel grow with the backend content. */
#order-detail-reference-ui{--requirement-height:31vw;min-height:calc(73vw + var(--requirement-height) + 30vw + 82px)}
#order-detail-reference-ui .detail-live-requirement{height:auto;max-height:none;min-height:31vw;overflow:visible}
#order-detail-reference-ui button{top:calc(73vw + var(--requirement-height) + 11vw)}
@media(min-width:540px){
  #order-detail-reference-ui{--requirement-height:168px;min-height:calc(394px + var(--requirement-height) + 170px)}
  #order-detail-reference-ui .detail-live-requirement{min-height:168px}
  #order-detail-reference-ui button{top:calc(394px + var(--requirement-height) + 58px)}
}

/* Lower detail modules participate in the same vertical flow as the rich text. */
#order-detail-reference-ui{--requirements-top:73vw;--requirement-height:31vw;--lower-top:calc(var(--requirements-top) + var(--requirement-height) + 6vw);--lower-height:64vw;min-height:calc(var(--lower-top) + var(--lower-height) + 28vw + 82px)}
#order-detail-reference-ui .detail-lower-sections{position:absolute;top:var(--lower-top);right:7vw;left:7vw;min-height:var(--lower-height);padding:4vw 4.5vw;border:1px solid #dfc793;border-radius:14px;background:linear-gradient(145deg,#fffdf7,#f2e5ca);box-shadow:0 8px 18px #3d2a161f;box-sizing:border-box}
#order-detail-reference-ui .detail-lower-sections article{padding:0 0 3vw;margin:0 0 3vw;border-bottom:1px solid #e5d8bc}
#order-detail-reference-ui .detail-lower-sections article:last-child{padding:0;margin:0;border:0}
#order-detail-reference-ui .detail-lower-sections h2{margin:0 0 1.5vw;color:#123653;font:700 4.3vw/1.2 "Songti SC","STSong",serif}
#order-detail-reference-ui .detail-lower-sections h2:before{content:"◆";margin-right:1.5vw;color:#d1a14b;font-size:3vw}
#order-detail-reference-ui .detail-lower-sections p{margin:0;color:#465566;font:3.15vw/1.65 "Microsoft YaHei",sans-serif}
#order-detail-reference-ui .detail-lower-sections b{color:#9c6729;font-weight:700}
#order-detail-reference-ui .detail-flow p{display:flex;flex-wrap:wrap;align-items:center;gap:.7vw 1.2vw}
#order-detail-reference-ui .detail-flow i{color:#ba9658;font:700 5vw/1 sans-serif;font-style:normal}
#order-detail-reference-ui .detail-actions{position:absolute;top:calc(var(--lower-top) + var(--lower-height) + 6vw);right:5.2vw;left:5.2vw;display:flex;gap:2.4vw}
#order-detail-reference-ui .detail-actions button{position:static;display:block;flex:1;width:auto;height:13.4vw;border-radius:15px;font-size:0}
@media(min-width:540px){
  #order-detail-reference-ui{--requirements-top:394px;--requirement-height:168px;--lower-top:calc(var(--requirements-top) + var(--requirement-height) + 34px);--lower-height:346px;min-height:calc(var(--lower-top) + var(--lower-height) + 170px)}
  #order-detail-reference-ui .detail-lower-sections{right:calc(50% - 220px);left:calc(50% - 220px);padding:22px 25px}
  #order-detail-reference-ui .detail-lower-sections article{padding-bottom:16px;margin-bottom:16px}
  #order-detail-reference-ui .detail-lower-sections h2{margin-bottom:8px;font-size:23px}
  #order-detail-reference-ui .detail-lower-sections h2:before{margin-right:8px;font-size:16px}
  #order-detail-reference-ui .detail-lower-sections p{font-size:16px}
  #order-detail-reference-ui .detail-flow p{gap:4px 8px}
  #order-detail-reference-ui .detail-flow i{font-size:25px}
  #order-detail-reference-ui .detail-actions{top:calc(var(--lower-top) + var(--lower-height) + 32px);right:calc(50% - 250px);left:calc(50% - 250px);gap:14px}
  #order-detail-reference-ui .detail-actions button{height:72px}
}

/* Refined timeline card based on the approved second reference. */
#order-detail-reference-ui .detail-lower-sections{padding:3.8vw 4.8vw;background:linear-gradient(140deg,#fffefa 0%,#f7edda 100%);border-color:#e8d8b9;border-radius:0;box-shadow:0 8px 18px #3d2a1618}
#order-detail-reference-ui .detail-lower-sections:after{content:"";position:absolute;top:4vw;right:3vw;width:31vw;height:18vw;background:linear-gradient(150deg,transparent 42%,#b9c0bf44 43% 47%,transparent 48%),linear-gradient(30deg,transparent 42%,#b9c0bf44 43% 47%,transparent 48%);opacity:.8;pointer-events:none}
#order-detail-reference-ui .detail-lower-sections article{position:relative;padding:0 0 3.2vw 0;margin:0 0 3.2vw;border-color:#e6d8bb}
#order-detail-reference-ui .detail-lower-sections h2{position:relative;z-index:1;margin:0 0 1.6vw;padding-left:7.7vw;color:#102e4a;font:700 4.2vw/1.3 "Songti SC","STSong",serif}
#order-detail-reference-ui .detail-lower-sections h2:before{position:absolute;left:0;top:0;display:grid;place-items:center;width:5.3vw;height:5.3vw;margin:0;border-radius:5px;background:#0e3857;color:#f6d990;font:2.7vw/1 sans-serif}
#order-detail-reference-ui .detail-lower-sections article:nth-child(1) h2:before{content:"◷"}
#order-detail-reference-ui .detail-lower-sections article:nth-child(2) h2:before{content:"⌛"}
#order-detail-reference-ui .detail-lower-sections article:nth-child(3) h2:before{content:"⌘"}
#order-detail-reference-ui .detail-lower-sections p{padding-left:7.7vw;color:#4c5966;font:2.9vw/1.65 "Microsoft YaHei",sans-serif}
#order-detail-reference-ui .detail-lower-sections b{color:#a16928;font-size:3.2vw}
#order-detail-reference-ui .detail-flow p{padding-left:0;justify-content:space-between;gap:1.3vw;color:#283e50;font-weight:600}
#order-detail-reference-ui .detail-flow p b{color:#283e50;font-size:2.65vw;white-space:nowrap}
#order-detail-reference-ui .detail-flow i{color:#b9a98d;font-size:4vw}
@media(min-width:540px){
  #order-detail-reference-ui .detail-lower-sections{padding:21px 26px}
  #order-detail-reference-ui .detail-lower-sections:after{top:20px;right:18px;width:168px;height:98px}
  #order-detail-reference-ui .detail-lower-sections article{padding-bottom:17px;margin-bottom:17px}
  #order-detail-reference-ui .detail-lower-sections h2{margin-bottom:9px;padding-left:41px;font-size:22px}
  #order-detail-reference-ui .detail-lower-sections h2:before{width:28px;height:28px;font-size:14px}
  #order-detail-reference-ui .detail-lower-sections p{padding-left:41px;font-size:15px}
  #order-detail-reference-ui .detail-lower-sections b{font-size:17px}
  #order-detail-reference-ui .detail-flow p{padding-left:0}
  #order-detail-reference-ui .detail-flow p b{font-size:14px}
  #order-detail-reference-ui .detail-flow i{font-size:21px}
}

/* Mask the fixed artwork beneath long backend content so no old layer remains visible. */
#order-detail-reference-ui:before{content:"";position:absolute;z-index:1;top:calc(var(--requirements-top) - 2vw);right:0;bottom:0;left:0;background:linear-gradient(180deg,#f8f3e8 0%,#fffdf8 38%,#f4e8d0 100%);pointer-events:none}
#order-detail-reference-ui .detail-live-copy,#order-detail-reference-ui .detail-live-requirement,#order-detail-reference-ui .detail-lower-sections,#order-detail-reference-ui .detail-actions{z-index:2}
#order-detail-reference-ui .detail-live-requirement{box-shadow:0 3px 12px #3d2a1616}
@media(min-width:540px){#order-detail-reference-ui:before{top:calc(var(--requirements-top) - 12px)}}

/* Long product names expand the header card and push all following content down. */
#order-detail-reference-ui{--copy-height:25vw;--requirements-top:max(73vw,calc(42vw + var(--copy-height) + 4vw));--lower-top:calc(var(--requirements-top) + var(--requirement-height) + 6vw)}
#order-detail-reference-ui .detail-live-copy{align-items:flex-start;background:#fffdf7;min-height:25vw}
#order-detail-reference-ui .detail-live-copy>div{max-width:66%}
#order-detail-reference-ui .detail-live-copy strong{max-width:none;font-size:4.65vw}
#order-detail-reference-ui .detail-live-requirement{top:var(--requirements-top)}
@media(min-width:540px){
  #order-detail-reference-ui{--copy-height:112px;--requirements-top:max(394px,calc(226px + var(--copy-height) + 18px));--lower-top:calc(var(--requirements-top) + var(--requirement-height) + 34px)}
  #order-detail-reference-ui .detail-live-copy{min-height:112px}
  #order-detail-reference-ui .detail-live-copy strong{font-size:25px}
}

/* Continuous parchment frame matching the approved second reference. */
#order-detail-reference-ui:before{top:35vw;right:2.7vw;bottom:0;left:2.7vw;border:1px solid #d8bb7b;border-radius:18px 18px 0 0;background:linear-gradient(145deg,#fffefb 0%,#f6ead2 100%);box-shadow:0 0 0 4px #fff9ed,0 12px 30px #071b301f}
#order-detail-reference-ui .detail-live-copy{right:7.8vw;left:7.8vw;border:1px solid #ead8b4;border-radius:13px;box-shadow:0 5px 13px #46331913}
#order-detail-reference-ui .detail-live-requirement{right:7.8vw;left:7.8vw;border:1px solid #e9dcc2;border-radius:13px;background:linear-gradient(145deg,#fbf8f0,#f2ebdc)}
#order-detail-reference-ui .detail-lower-sections{right:7.8vw;left:7.8vw;border:1px solid #e5d3ae;background:linear-gradient(145deg,#fffdf7,#f4e8d1)}
@media(min-width:540px){
  #order-detail-reference-ui:before{top:189px;right:calc(50% - 258px);left:calc(50% - 258px)}
  #order-detail-reference-ui .detail-live-copy{right:calc(50% - 226px);left:calc(50% - 226px)}
  #order-detail-reference-ui .detail-live-requirement,#order-detail-reference-ui .detail-lower-sections{right:calc(50% - 226px);left:calc(50% - 226px)}
}

/* Scroll-painting frame: layered gilt edge, paper grain and side rollers. */
#order-detail-reference-ui:before{border:2px solid #af813c;border-left-width:5px;border-right-width:5px;border-radius:23px 23px 0 0;background:radial-gradient(ellipse at 12% 8%,#d8c28a22 0 1px,transparent 2px) 0 0/9px 11px,radial-gradient(ellipse at 86% 23%,#d8c28a18 0 1px,transparent 2px) 0 0/13px 15px,linear-gradient(145deg,#fffefa 0%,#f8ecd4 52%,#fffdf7 100%);box-shadow:inset 0 0 0 3px #fff9e9,inset 0 0 0 4px #dec27e,0 0 0 4px #f8eed6,0 14px 32px #061a2b2b}
#order-detail-reference-ui:after{content:"";position:absolute;z-index:3;top:33.7vw;bottom:0;left:1.35vw;width:3.25vw;border:1px solid #b27c31;border-radius:9px 9px 0 0;background:linear-gradient(90deg,#7d5727,#d5ae65 27%,#fff0b6 50%,#c28d3d 73%,#7d5727);box-shadow:calc(94.05vw) 0 0 -1px #b27c31,calc(94.05vw) 0 0 0 #d7b169,calc(94.05vw) 0 0 2px #7d5727;pointer-events:none}
#order-detail-reference-ui:before,#order-detail-reference-ui:after{filter:drop-shadow(0 2px 2px #52361355)}
@media(min-width:540px){
  #order-detail-reference-ui:before{border-radius:23px 23px 0 0}
  #order-detail-reference-ui:after{top:181px;left:calc(50% - 266px);width:17px;box-shadow:532px 0 0 -1px #b27c31,532px 0 0 0 #d7b169,532px 0 0 2px #7d5727}
}

/* Slimmer gilt frame with the navy surround visible at both sides. */
#order-detail-reference-ui{box-shadow:inset 0 0 0 4.8vw #082b47}
#order-detail-reference-ui:before{right:4.8vw;left:4.8vw;border-width:1px;border-left-width:3px;border-right-width:3px;border-radius:18px 18px 0 0;box-shadow:inset 0 0 0 2px #fff9e9,inset 0 0 0 3px #dec27e,0 0 0 2px #f8eed6,0 10px 24px #061a2b26}
#order-detail-reference-ui:after{left:3.55vw;width:2.15vw;border-radius:7px 7px 0 0;box-shadow:89.45vw 0 0 -1px #b27c31,89.45vw 0 0 0 #d7b169,89.45vw 0 0 1px #7d5727}
#order-detail-reference-ui .detail-live-copy,#order-detail-reference-ui .detail-live-requirement,#order-detail-reference-ui .detail-lower-sections{right:9.5vw;left:9.5vw}
@media(min-width:540px){
  #order-detail-reference-ui{box-shadow:inset 0 0 0 26px #082b47}
  #order-detail-reference-ui:before{right:calc(50% - 244px);left:calc(50% - 244px)}
  #order-detail-reference-ui:after{left:calc(50% - 250px);width:12px;box-shadow:488px 0 0 -1px #b27c31,488px 0 0 0 #d7b169,488px 0 0 1px #7d5727}
  #order-detail-reference-ui .detail-live-copy,#order-detail-reference-ui .detail-live-requirement,#order-detail-reference-ui .detail-lower-sections{right:calc(50% - 224px);left:calc(50% - 224px)}
}

/* Both scroll pillars are real elements with identical construction. */
#order-detail-reference-ui:after{box-shadow:none}
#order-detail-reference-ui .detail-frame-right{position:absolute;z-index:3;top:33.7vw;right:3.55vw;bottom:0;width:2.15vw;border:1px solid #b27c31;border-radius:7px 7px 0 0;background:linear-gradient(90deg,#7d5727,#d5ae65 27%,#fff0b6 50%,#c28d3d 73%,#7d5727);filter:drop-shadow(0 2px 2px #52361355);pointer-events:none}
@media(min-width:540px){#order-detail-reference-ui:after{box-shadow:none}#order-detail-reference-ui .detail-frame-right{top:181px;right:calc(50% - 250px);width:12px}}

/* Fixed task-requirement heading for every dispatch detail. */
#order-detail-reference-ui .detail-requirements-title{position:absolute;z-index:2;top:calc(var(--requirements-top) - 8vw);left:9.5vw;display:flex;align-items:center;gap:1.8vw;margin:0;color:#112f4b;font:700 4.5vw/1.2 "Songti SC","STSong",serif;letter-spacing:.04em}
#order-detail-reference-ui .detail-requirements-title i{display:grid;place-items:center;width:5.6vw;height:5.6vw;border-radius:5px;background:#103a58;color:#f5d896;font:3.5vw/1 sans-serif;font-style:normal;box-shadow:0 2px 5px #09233b33}
@media(min-width:540px){#order-detail-reference-ui .detail-requirements-title{top:calc(var(--requirements-top) - 43px);left:calc(50% - 224px);gap:10px;font-size:24px}#order-detail-reference-ui .detail-requirements-title i{width:30px;height:30px;font-size:19px}}

/* Reserve vertical room for the task-requirement heading below long product names. */
#order-detail-reference-ui{--requirements-top:max(73vw,calc(42vw + var(--copy-height) + 11vw));--lower-top:calc(var(--requirements-top) + var(--requirement-height) + 6vw)}
@media(min-width:540px){#order-detail-reference-ui{--requirements-top:max(394px,calc(226px + var(--copy-height) + 52px));--lower-top:calc(var(--requirements-top) + var(--requirement-height) + 34px)}}

/* Responsive typography and layout for every phone width. */
#order-detail-reference-ui{width:100%;max-width:100%;overflow-x:hidden;padding-bottom:max(82px,calc(env(safe-area-inset-bottom) + 72px))}
#order-detail-reference-ui *,#order-detail-reference-ui *:before,#order-detail-reference-ui *:after{box-sizing:border-box}
#order-detail-reference-ui .detail-live-copy{display:grid;grid-template-columns:minmax(0,1fr) clamp(72px,20vw,105px);gap:clamp(8px,2.6vw,14px)}
#order-detail-reference-ui .detail-live-copy>div{min-width:0;max-width:none}
#order-detail-reference-ui .detail-live-copy strong{font-size:clamp(20px,4.65vw,28px);line-height:1.22;overflow-wrap:anywhere;word-break:break-word}
#order-detail-reference-ui .detail-live-copy em{font-size:clamp(11px,2.5vw,14px);line-height:1.45;overflow-wrap:anywhere}
#order-detail-reference-ui .detail-live-copy span{min-width:0;font-size:clamp(11px,2.8vw,15px);white-space:nowrap}
#order-detail-reference-ui .detail-live-copy b{font-size:clamp(28px,6.5vw,38px);line-height:1.05}
#order-detail-reference-ui .detail-requirements-title{font-size:clamp(20px,4.5vw,25px)}
#order-detail-reference-ui .detail-requirements-title i{font-size:clamp(16px,3.5vw,20px)}
#order-detail-reference-ui .detail-live-requirement{font-size:clamp(14px,3.35vw,18px);line-height:1.72;overflow-wrap:anywhere;word-break:break-word}
#order-detail-reference-ui .detail-live-requirement table{display:block;max-width:100%;overflow-x:auto}
#order-detail-reference-ui .detail-live-requirement pre{max-width:100%;overflow:auto;white-space:pre-wrap}
#order-detail-reference-ui .detail-lower-sections h2{font-size:clamp(19px,4.2vw,23px)}
#order-detail-reference-ui .detail-lower-sections p{font-size:clamp(13px,2.9vw,16px);overflow-wrap:anywhere}
#order-detail-reference-ui .detail-lower-sections b{font-size:clamp(14px,3.2vw,17px)}
#order-detail-reference-ui .detail-flow p b{font-size:clamp(11px,2.65vw,14px)}
@media(max-width:359px){
  #order-detail-reference-ui{--copy-height:29vw}
  #order-detail-reference-ui .detail-live-copy{grid-template-columns:minmax(0,1fr) 19vw;padding:2.7vw 2.5vw}
  #order-detail-reference-ui .detail-live-copy strong{font-size:clamp(18px,4.55vw,22px)}
  #order-detail-reference-ui .detail-live-requirement{padding:2.5vw 2.7vw}
  #order-detail-reference-ui .detail-flow p{justify-content:flex-start;gap:1vw}
}

/* Live order metadata inside the product card. */
#order-detail-reference-ui .detail-order-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:1.2vw 4vw;margin-top:1.5vw;padding-top:1.7vw;border-top:1px solid #e7d8ba}
#order-detail-reference-ui .detail-order-meta p{margin:0;color:#89785f;font:2.45vw/1.45 "Microsoft YaHei",sans-serif}
#order-detail-reference-ui .detail-order-meta code{color:#23405a;font:600 2.45vw/1.45 "Microsoft YaHei",sans-serif;word-break:break-all;background:transparent}
@media(min-width:540px){#order-detail-reference-ui .detail-order-meta{gap:8px 22px;margin-top:8px;padding-top:9px}#order-detail-reference-ui .detail-order-meta p,#order-detail-reference-ui .detail-order-meta code{font-size:13px}}
@media(max-width:359px){#order-detail-reference-ui .detail-order-meta{gap:1vw 2vw}#order-detail-reference-ui .detail-order-meta p,#order-detail-reference-ui .detail-order-meta code{font-size:2.35vw}}

#order-detail-reference-ui .detail-order-meta p{color:#23405a;font-weight:600}

#order-detail-reference-ui .detail-order-status{color:#9a6528!important}

#order-detail-reference-ui .detail-order-time{flex:1 1 100%;color:#9a6528!important}

/* Two live writing action cards below the process, matching the supplied reference. */
#order-detail-reference-ui .detail-actions{z-index:2;align-items:stretch}
#order-detail-reference-ui .detail-actions button{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(62px,13.4vw,76px);padding:0 1vw 0 10vw;border:1px solid #d1a75c;border-radius:10px;color:#fff7dd;font:700 clamp(18px,4.15vw,24px)/1.15 "Songti SC","STSong",serif;letter-spacing:.06em;text-align:center;box-shadow:inset 0 0 0 2px #ffffff18,0 5px 11px #2b1c0d32;cursor:pointer}
#order-detail-reference-ui .detail-actions button small{display:block;margin-top:4px;color:inherit;font:400 clamp(10px,2.15vw,13px)/1.1 "Microsoft YaHei",sans-serif;letter-spacing:0;opacity:.82}
#order-detail-reference-ui .detail-actions button:before{position:absolute;left:4.4vw;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:6vw;height:6vw;border-radius:50%;font:700 clamp(22px,5vw,30px)/1 "Songti SC",serif;letter-spacing:0}
#order-detail-reference-ui .detail-actions .detail-self{background:linear-gradient(135deg,#123d5c,#071f39 70%,#0c314e);border-color:#d8ae60}
#order-detail-reference-ui .detail-actions .detail-self:before{content:"✎";color:#ffe5a0}
#order-detail-reference-ui .detail-actions .detail-ai{background:linear-gradient(135deg,#fff0c6,#d7a24c 68%,#bc7f28);border-color:#e8c477;color:#70451d}
#order-detail-reference-ui .detail-actions .detail-ai:before{content:"♙";color:#7c4d1c;font-family:serif}
@media(min-width:540px){
  #order-detail-reference-ui .detail-actions button{height:76px;padding-left:55px;font-size:23px}
  #order-detail-reference-ui .detail-actions button:before{left:24px;width:32px;height:32px;font-size:28px}
}

/* Size the action area from the actual process-card height, without spare blank space. */
#order-detail-reference-ui{--lower-height:0px;min-height:calc(var(--lower-top) + var(--lower-height) + 28vw + 82px)}
#order-detail-reference-ui .detail-lower-sections{min-height:0}
@media(min-width:540px){#order-detail-reference-ui{--lower-height:0px;min-height:calc(var(--lower-top) + var(--lower-height) + 170px)}#order-detail-reference-ui .detail-lower-sections{min-height:0}}

/* The hidden native detail must not keep a second scrollable page in layout. */
.detail-native-hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}
#order-detail-reference-ui{overflow-anchor:none}

/* Action cards live directly after the workflow, inside the parchment card. */
#order-detail-reference-ui .detail-lower-sections .detail-actions{position:relative;top:auto;right:auto;left:auto;display:flex;width:100%;margin:4vw 0 0;gap:2.4vw}
#order-detail-reference-ui .detail-lower-sections .detail-actions button{position:relative;top:auto;right:auto;left:auto;flex:1;width:auto}
@media(min-width:540px){#order-detail-reference-ui .detail-lower-sections .detail-actions{margin-top:22px;gap:14px}}

/* Compact action controls: labels remain clear on narrow phones. */
#order-detail-reference-ui .detail-actions{padding:0 1vw}
#order-detail-reference-ui .detail-actions button{height:clamp(58px,12.5vw,70px);padding:0 2vw 0 9vw;white-space:nowrap;font-size:clamp(17px,4vw,22px);letter-spacing:.035em}
#order-detail-reference-ui .detail-actions button small{display:none}
#order-detail-reference-ui .detail-actions button:before{left:3.3vw;width:5.7vw;height:5.7vw;font-size:clamp(20px,4.8vw,28px)}
@media(min-width:540px){#order-detail-reference-ui .detail-actions{padding:0 5px}#order-detail-reference-ui .detail-actions button{height:68px;padding-left:50px;font-size:22px}#order-detail-reference-ui .detail-actions button:before{left:20px;width:30px;height:30px}}

/* Remove the hidden native route shell from layout; it was leaving a full-screen blank area above the redesign. */
uni-page:has(.detail-native-hidden){display:none!important}



/* Keep the global five-tab navigation and remove unused space after the final action card. */
#order-detail-reference-ui{min-height:calc(var(--lower-top) + var(--lower-height) + 7vw);padding-bottom:7vw}
@media(min-width:540px){#order-detail-reference-ui{min-height:calc(var(--lower-top) + var(--lower-height) + 38px);padding-bottom:38px}}








/* Keep the hidden app root out of the detail scroll height; restore it automatically when leaving this route. */
body:has(#order-detail-reference-ui) #app{position:absolute!important;width:0!important;height:0!important;min-height:0!important;overflow:hidden!important;pointer-events:none!important}

/* Reserve room for the fixed five-tab bar so the last action cards can always scroll fully into view. */
#order-detail-reference-ui{--detail-tabbar-gap:max(104px,calc(72px + env(safe-area-inset-bottom)));min-height:calc(var(--lower-top) + var(--lower-height) + var(--detail-tabbar-gap));padding-bottom:var(--detail-tabbar-gap)}
@media(min-width:540px){#order-detail-reference-ui{--detail-tabbar-gap:108px}}

/* 已提交或已结算订单：隐藏详情页写作操作。 */
#order-detail-reference-ui .detail-actions[hidden]{display:none !important;}