body[data-page=order-detail]{min-height:100vh;background:radial-gradient(ellipse at 75% 0%,#1d4c703d,transparent 38%),#0a111c!important;font-family:"Segoe UI","Microsoft YaHei",sans-serif}
body[data-page=order-detail] [data-header]{font-family:alibabaFont,"alibabaFont Fallback",sans-serif}
.order-detail{width:min(1240px,calc(100% - 80px));margin:106px auto 70px}
.detail-breadcrumb{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;font-size:12px}
.detail-back{color:#a9c5e2;text-decoration:none}.detail-back:hover{color:#e1f2ff}
.detail-breadcrumb>span{color:#637e99}.detail-breadcrumb>span>span{padding:0 10px;color:#40576e}
.detail-hero{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:38px;align-items:start;padding-bottom:36px;border-bottom:1px solid #6e90ae2b;margin-bottom:32px}
.detail-gallery{min-width:0}
.detail-main-image{position:relative;border:1px solid #6695b566;border-radius:13px;overflow:hidden;box-shadow:0 22px 50px #0005,0 0 40px #22648718;background:#080e18;aspect-ratio:16/10}
.detail-main-image img{display:block;width:100%;height:100%;object-fit:contain}
.detail-image-label{position:absolute;left:18px;bottom:16px;font-size:9px;letter-spacing:.17em;color:#d1e2f2;background:#091627a6;border:1px solid #b2d9f126;padding:6px 9px;border-radius:4px;backdrop-filter:blur(10px)}
.detail-image-caption{display:flex;justify-content:space-between;color:#7994af;font-size:11px;letter-spacing:.03em;padding:14px 2px;margin:0}
.detail-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}
.detail-thumb{padding:0;border:1px solid #46698466;border-radius:7px;overflow:hidden;aspect-ratio:16/9;opacity:.55;background:#111e2d;transition:opacity .2s,border-color .2s}
.detail-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.detail-thumb[aria-pressed=true]{border-color:#79d0ff;box-shadow:0 0 16px #3ba9dd26;opacity:1}.detail-thumb:hover{opacity:1}
.detail-overview{min-width:0}
.detail-kicker{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:11px;letter-spacing:.06em;color:#a9cee8}
.detail-kicker>span:first-child{padding:5px 10px;border:1px solid #7dacc13d;border-radius:4px;background:#3e789916}
.detail-status{display:flex;align-items:center;gap:8px;color:#c9ffec;padding:6px 11px;border:1px solid #8edecb6b;border-radius:5px;background:linear-gradient(135deg,#248c7144,#0b493d66);animation:commission-status-glow 3.6s ease-in-out infinite}
.detail-status i{position:relative;display:inline-block;width:5px;height:5px;border-radius:50%;background:#a0ffdd;box-shadow:0 0 7px #8affd866}
.detail-status i::after{content:"";position:absolute;inset:-4px;border:1px solid #a0ffdd88;border-radius:50%;animation:commission-status-pulse 2.4s ease-out infinite}
.detail-overview h1{font-size:28px;line-height:1.5;margin:0 0 16px;color:#eef4fb;letter-spacing:.005em!important;overflow-wrap:anywhere}
.detail-title-part{display:inline-block}
.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}
.detail-tags span{padding:4px 9px;font-size:11px;line-height:18px;color:#93acc6;border-radius:4px;background:#22364d66;border:1px solid #7b9bb31f}
.detail-price{position:relative;padding:18px 22px 20px;border:1px solid #e7b65f55;border-left:3px solid #f6c567;border-radius:9px;background:radial-gradient(ellipse at 0% 100%,#d79d3c21,transparent 75%),linear-gradient(110deg,#3c32233d,#101c2d80);box-shadow:inset 0 1px 0 #ffe3a611}
.detail-price>span{font-size:12px;letter-spacing:.08em;color:#e5c795}
.detail-price>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin-top:7px;line-height:1}
.detail-price strong{font-size:58px;color:#ffdc8b;font-weight:700;letter-spacing:-.04em;text-shadow:0 2px 20px #efae3326;font-variant-numeric:tabular-nums}
.detail-currency{font-size:26px;color:#ffce75}.detail-price small{font-size:13px;color:#b9aa8e;margin-left:4px}
.detail-dates{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:19px 0;margin:0}
.detail-dates>div+div{padding-left:24px;border-left:1px solid #6c8ca329}
.detail-dates dt{font-size:11px;color:#748fa9;margin-bottom:7px}.detail-dates dd{font-size:14px;color:#b6cadf;margin:0;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.detail-apply-link{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border:1px solid #7fbdd080;border-radius:7px;background:linear-gradient(110deg,#2c6a8f,#264777);color:#ebf8ff;font-size:14px;text-decoration:none;box-shadow:inset 0 1px 0 #d7f4ff33,0 8px 24px #1c639333;transition:filter .2s}
.detail-apply-link:hover{filter:brightness(1.15)}.detail-apply-link>span{font-size:21px;line-height:18px}
.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}
.detail-content{display:grid;gap:22px;min-width:0}
.detail-panel{padding:28px;border:1px solid #5d83a13b;border-radius:12px;background:linear-gradient(135deg,#1b304477,#101c2ce6);box-shadow:inset 0 1px 0 #ddf3ff0d,0 12px 35px #0002}
.detail-panel h2{font-size:19px;margin:0 0 18px;color:#e0eefa;letter-spacing:.02em!important}
.detail-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}.detail-section-heading h2{margin:0}.detail-section-heading>span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#24445e66;border:1px solid #7cb5d33b;border-radius:5px;color:#8abbd7;font-size:11px}
.detail-panel p{font-size:14px;line-height:2;color:#aabfd5;margin:0 0 16px;white-space:pre-line}.detail-panel p:last-child{margin-bottom:0}
.detail-requirements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px;padding:18px 0;border-top:1px solid #627e9829;border-bottom:1px solid #627e9829}
.detail-requirements>div{padding:0 12px}.detail-requirements>div+div{border-left:1px solid #627e9829}.detail-requirements dt{font-size:11px;color:#7898b7;margin-bottom:10px}.detail-requirements dd{font-size:21px;color:#cae5f8;margin:0}.detail-requirements small{font-size:10px;color:#809fb9;white-space:nowrap}
.detail-panel .detail-muted,.detail-muted{color:#7f9ab5;font-size:12px;line-height:1.9}
.detail-panel .ui-button{font-size:13px;text-decoration:none}
.detail-faq summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px;color:#bcdcff;list-style:none}.detail-faq summary::-webkit-details-marker{display:none}.detail-faq summary>span{font-size:20px;color:#82a5c3}.detail-faq[open] summary{margin-bottom:18px}.detail-faq[open] summary>span{transform:rotate(45deg)}
.detail-application{padding:25px;scroll-margin-top:100px}
.detail-application-heading{display:flex;align-items:center;gap:13px;padding-bottom:22px;border-bottom:1px solid #6c8aa229;margin-bottom:22px}
.detail-application-heading h2{margin:0 0 6px;font-size:19px}.detail-application-heading p{font-size:11px;margin:0}
.detail-application-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #81bdd059;border-radius:9px;background:linear-gradient(135deg,#41799555,#1c354e66);color:#acd9ef;font-size:26px;flex-shrink:0;box-shadow:inset 0 1px 0 #e2f6ff1a}
.detail-application .detail-form-section{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#cfdfed;font-weight:500;margin:22px 0 16px}.detail-form-section>span{color:#627e99;font-size:9px;letter-spacing:.12em;font-weight:400}
.detail-application form>label{display:block;font-size:12px;margin:16px 0 8px;color:#9fb7cd}.detail-application label>span{color:#82c5e9}
.detail-application input:not([type=checkbox]):not([type=file]){width:100%;padding:12px;border:1px solid #52739066!important;border-radius:6px!important;font:inherit;font-size:13px;background:#0a172688!important;transition:border-color .2s}
.detail-application input:not([type=file]):focus{border-color:#8ac8df!important;outline:none;box-shadow:0 0 0 3px #66b9d512}
.detail-application input[type=checkbox]{accent-color:#79bdef;vertical-align:middle}
.detail-upload{padding:15px;border:1px dashed #709fbd59;border-radius:7px;background:linear-gradient(120deg,#1b334a44,#0c182955)}
.detail-upload input{font-size:11px;width:100%;color:#8aa8c4}
.detail-upload input::file-selector-button{background:#284d68;color:#d6ecff;border:1px solid #78adc563;border-radius:5px;padding:9px 12px;margin-right:9px;cursor:pointer;font-size:11px}
.detail-upload p{font-size:10px;margin:12px 0 0;color:#708faa}.detail-upload ul{font-size:11px;overflow-wrap:anywhere;padding:0;list-style:none;color:#bcdef4;margin:8px 0 0}
.detail-application .detail-sync{font-size:11px;line-height:1.8;display:flex;gap:8px;align-items:start;margin-top:20px}
.detail-sync input{margin-top:4px;flex-shrink:0}.detail-submit{width:100%;margin-top:10px;font-size:14px!important;padding:13px 18px}
.detail-application .detail-disclaimer{font-size:10px;line-height:1.8;margin-top:14px;margin-bottom:0;color:#718aa3}
#application-status{font-size:12px;border-left:2px solid #84c7f4;padding:10px;background:#1c3d594d;margin-top:15px}
.detail-footer{text-align:center;border-top:1px solid #35516c55;padding:25px;color:#627f9c;font-size:11px;letter-spacing:.1em}
@media(max-width:1000px){.detail-hero{gap:25px;grid-template-columns:1fr 1fr}.detail-overview h1{font-size:23px}.detail-price strong{font-size:49px}.detail-columns{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.detail-panel{padding:22px}.detail-requirements{gap:5px}.detail-requirements>div{padding:0 5px}.detail-requirements dd{font-size:17px}}
@media(max-width:760px){.order-detail{width:calc(100% - 36px);margin-top:142px}.detail-breadcrumb{margin-bottom:20px}.detail-breadcrumb>span{display:none}.detail-hero{grid-template-columns:1fr;gap:22px;padding-bottom:26px;margin-bottom:24px}.detail-main-image{aspect-ratio:16/9}.detail-image-caption{padding-bottom:0}.detail-thumbnails{gap:10px}.detail-overview h1{font-size:24px}.detail-tags{margin-bottom:20px}.detail-price strong{font-size:54px}.detail-columns{grid-template-columns:1fr;gap:22px}.detail-panel{padding:22px}.detail-application{scroll-margin-top:134px}.detail-requirements dd{font-size:19px}.detail-requirements small{display:block;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.detail-status,.detail-status i::after{animation:none}}