.vendor-application{padding:38px 0 60px;scroll-margin-top:25px}.va-intro{margin:0 0 32px}.va-eyebrow{color:#c9aa70;font:10px/1.8 ui-monospace,monospace;letter-spacing:2.3px}.va-intro h2{font-size:clamp(28px,3vw,40px);font-family:'Noto Serif TC','PMingLiU',serif;line-height:1.55;color:#f3f6f7;margin:15px 0 12px;font-weight:500}.va-intro em{font-style:normal;color:#9cddd0}.va-intro>p{color:#b0c6d1;line-height:1.8;font-size:14px}.va-shell{display:grid;grid-template-columns:255px minmax(0,1fr);border:1px solid #738d9a55;border-radius:19px;overflow:hidden;box-shadow:0 20px 60px #0002}.va-aside{background:linear-gradient(145deg,#173344,#0b202e);padding:38px 28px;color:#fff}.va-aside>span{font:9px ui-monospace,monospace;letter-spacing:2px;color:#b6a579}.va-aside ol{list-style:none;padding:0;margin:35px 0 60px}.va-aside li{display:flex;gap:14px;align-items:flex-start;padding:0 0 32px;position:relative;color:#8ca7b6;line-height:1.7;font-size:14px}.va-aside li:not(:last-child):after{content:'';height:22px;position:absolute;top:37px;left:15px;border-left:1px solid #66829055}.va-aside li b{display:grid;place-items:center;width:32px;height:32px;border:1px solid #66829055;border-radius:50%;font:12px ui-monospace,monospace;flex-shrink:0}.va-aside li small{display:block;font-size:10px;font-weight:400;margin-top:5px;color:#819eae}.va-aside li.current{color:#f9e6bf}.va-aside li.current b{background:#d4b57b;color:#102532;border-color:#e7c98d;box-shadow:0 0 0 5px #c9aa7010}.va-aside li.done b{border-color:#87d9ce;color:#87d9ce}.va-private{padding-top:22px;border-top:1px solid #8ca7b62e;font-size:13px;line-height:1.8}.va-private p{color:#96b3c0;font-size:11px;margin-top:9px}.va-body{min-width:0;background:#fff;padding:36px clamp(24px,4vw,56px);color:#163345}.va-topline{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:10px/1.8 ui-monospace,monospace;color:#637985;letter-spacing:.5px}.va-topline>span:first-child{color:#8a6d35}.va-body progress{width:100%;height:3px;border:0;display:block;margin:14px 0 28px;border-radius:3px;background:#e8eeef}.va-body progress::-webkit-progress-bar{background:#e8eeef}.va-body progress::-webkit-progress-value{background:#b7985e}.va-body progress::-moz-progress-bar{background:#b7985e}.va-step-heading{font-family:'Noto Serif TC','PMingLiU',serif;font-size:28px;line-height:1.5;color:#123046;margin:0 0 8px;font-weight:600}.va-step-description{font-size:14px;line-height:1.9;color:#617783;margin:0 0 24px}.va-notice{font-size:12px!important;line-height:1.9;color:#5a6e78;background:#f1f6f5;border-left:2px solid #a2c6bc;padding:12px 15px;margin-bottom:30px}.va-fields{display:grid;grid-template-columns:1fr 1fr;gap:25px 22px}.va-field{display:flex;flex-direction:column;gap:9px;font-size:14px;min-width:0;color:#193b4b}.va-wide{grid-column:1/-1}.va-field b,.va-check b,.va-choice b,.va-modes b{color:#9b7838;font-weight:500}.va-field small{font-size:11px;color:#73858f;line-height:1.8;font-weight:400}.va-field>span>small{margin-left:6px;color:#90a0a8;font-size:10px}.va-body input:not([type=checkbox]):not([type=radio]),.va-body select,.va-body textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #cedadd;border-radius:8px;background:#fafcfc;color:#163345;padding:13px 14px;font:inherit;font-size:14px;line-height:1.5;box-shadow:none;transition:border-color .2s,box-shadow .2s}.va-body textarea{resize:vertical;min-height:120px}.va-body input:focus,.va-body textarea:focus,.va-body select:focus{outline:0;border-color:#547e85;box-shadow:0 0 0 3px #87d9ce24}.va-body [aria-invalid=true]{border-color:#b85a4d!important}.va-error{display:block;color:#a13d33;font-size:12px;line-height:1.8;margin:0}.va-error-summary{background:#fdf3f1;border:1px solid #eccac5;padding:15px 20px;border-radius:8px;color:#81382f;margin:0 0 24px;font-size:13px}.va-error-summary ul{padding-left:18px;margin-bottom:0}.va-error-summary a{color:#81382f;line-height:1.9;text-decoration:underline}.va-actions{border-top:1px solid #e2e9eb;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:36px;padding-top:26px}.va-actions>div{display:flex;align-items:center;gap:16px}.va-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(115deg,#e9cfa0,#c7a66a);color:#122c3c;min-height:49px;padding:13px 24px;border:1px solid #d6b879;border-radius:7px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.6;cursor:pointer;white-space:nowrap}.va-primary:hover{filter:brightness(1.04)}.va-secondary{border:1px solid #cedadd;background:#fff;color:#234c5a;padding:11px 16px;border-radius:7px;font-size:13px;cursor:pointer}.va-text{border:0;background:none;color:#507580;padding:9px 0;font-size:12px;cursor:pointer}.va-text:hover{text-decoration:underline}.va-footnote{color:#7c8f98;font-size:10px;line-height:1.9;margin:18px 0 0}.va-product-note{display:flex;align-items:center;gap:18px;padding:0 0 25px}.va-product-note>span{font:9px ui-monospace,monospace;letter-spacing:1px;color:#9a783c;white-space:nowrap}.va-product-note p{font-size:12px;color:#73838d}.va-upload{padding:24px;border:1px dashed #acbec4;background:linear-gradient(125deg,#f4f8f7,#fafafa);border-radius:10px}.va-upload>span{font-size:18px;color:#234859}.va-upload p{color:#788e99;font-size:12px;line-height:1.8}.va-upload input{background:#fff!important;padding:9px!important;font-size:12px!important;margin:15px 0 8px}.va-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.va-photo-grid figure{margin:0;min-width:0}.va-photo-grid img{width:100%;aspect-ratio:1;object-fit:contain;border:1px solid #dce5e8;border-radius:8px;background:#f6f8f8}.va-photo-grid figcaption{color:#6c818a;font-size:10px;overflow-wrap:anywhere;margin-top:7px}.va-check{display:flex;align-items:flex-start;gap:12px;margin:17px 0;color:#3b5967;font-size:13px;line-height:1.9;cursor:pointer}.va-check input{margin-top:6px;width:17px;height:17px;flex-shrink:0;accent-color:#315f66}.va-check small{display:block;font-size:11px;color:#748b95}.va-choice,.va-modes{margin:0 0 29px;padding:0;border:0;min-width:0}.va-choice legend,.va-modes legend{font-size:14px;margin-bottom:14px;color:#193b4b;line-height:1.8}.va-modes legend small{font-size:11px;color:#7e949d;margin-left:15px}.va-choice>div{display:flex;flex-wrap:wrap;gap:10px}.va-choice label,.va-modes label{display:flex;align-items:center;gap:9px;border:1px solid #dce6e7;border-radius:8px;padding:12px 15px;background:#fafcfc;font-size:13px;color:#526e79;cursor:pointer}.va-choice input,.va-modes input{accent-color:#356c70}.va-choice label:has(input:checked),.va-modes label:has(input:checked){border-color:#7ca8a0;background:#eef7f3;color:#204d53}.va-modes>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.va-summary section{padding:0 0 23px;margin:0 0 25px;border-bottom:1px solid #e3ebed}.va-summary section>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.va-summary h3{font-size:16px;color:#193e51;margin:0}.va-summary header button{background:none;border:0;font-size:12px;color:#6b8e93;cursor:pointer;padding:8px}.va-summary dl{margin:17px 0 0}.va-summary dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:15px;padding:9px 0;font-size:13px;line-height:1.9}.va-summary dt{color:#7a8e98}.va-summary dd{color:#2e505e;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.va-privacy{background:#f4f6f5;border-radius:9px;padding:18px;margin:25px 0;color:#4f6a75;font-size:12px;line-height:1.9}.va-privacy strong{color:#284a56;font-size:13px}.va-privacy p{margin-bottom:0}.va-complete{padding:60px 30px;text-align:center;background:linear-gradient(145deg,#163544,#0a1b29);border:1px solid #54767e66;border-radius:18px}.va-complete h2{font-size:34px;font-family:'Noto Serif TC',serif;color:#fff;line-height:1.6;margin:16px 0}.va-complete p{font-size:14px;line-height:2;color:#a7c6d3}.va-success-icon{border:1px solid #80c5b7;border-radius:50%;width:57px;height:57px;display:grid;place-items:center;font-size:24px;color:#a3e6d4;margin:28px auto 14px}.va-complete-number{border-block:1px solid #65818e44;padding:23px 10px;max-width:420px;margin:28px auto}.va-complete-number small{display:block;color:#a5bac2;font-size:11px}.va-complete-number strong{display:block;color:#dec28b;font:22px/2 ui-monospace,monospace;letter-spacing:2px}.va-complete button{margin-top:18px}.va-body :focus-visible,.va-complete :focus-visible{outline:2px solid #4d8c8b;outline-offset:4px}.va-step-heading:focus{outline:none}
@media(max-width:900px){.va-shell{grid-template-columns:205px minmax(0,1fr)}.va-aside{padding:30px 20px}.va-body{padding:30px 25px}.va-aside li{gap:10px;font-size:12px}.va-fields{gap:22px 16px}}
@media(max-width:700px){.vendor-application{padding-top:18px}.va-intro{margin-bottom:24px}.va-intro h2 em{display:block}.va-shell{display:block;border-radius:13px}.va-aside{padding:20px 16px}.va-aside>span,.va-private,.va-aside li small{display:none}.va-aside ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}.va-aside li{display:flex;align-items:center;flex-direction:column;padding:0;gap:8px;text-align:center;font-size:10px}.va-aside li:not(:last-child):after{display:none}.va-aside li b{width:30px;height:30px;font-size:11px}.va-body{padding:27px 21px}.va-fields{grid-template-columns:1fr;gap:22px}.va-step-heading{font-size:25px}.va-step-description{font-size:13px}.va-upload{padding:20px 15px}.va-actions{align-items:stretch;gap:16px;flex-direction:column-reverse}.va-actions>.va-primary{width:100%;justify-content:center;min-height:50px}.va-actions>div{justify-content:space-between}.va-summary dl>div{grid-template-columns:100px minmax(0,1fr);gap:10px;font-size:12px}.va-summary h3{font-size:14px}.va-summary dd{line-height:1.9}.va-photo-grid{gap:8px}.va-complete{padding:40px 20px}.va-complete h2{font-size:29px}.va-complete-number strong{font-size:19px;letter-spacing:1px}}

/* Accessible supporting text on existing white form surfaces. */
.vendor-application .va-body :is(small,.va-footnote,.va-step-description,.va-product-note p,.va-upload p,.va-photo-grid figcaption,.va-summary dt,.va-summary header button,.va-text,.va-modes legend small){color:#52616E}
.vendor-application .va-body input::placeholder,.vendor-application .va-body textarea::placeholder{color:#65717C;opacity:1}
.vendor-application .va-aside li,.vendor-application .va-aside li small{color:#C1CBD3}
.vendor-application .va-body :is(.va-choice label,.va-modes label){color:#172433}
.vendor-application .va-body :is(input,select,textarea){border-color:#7C8893}