@charset "UTF-8";
*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#f2f6f2;color:#333;min-height:100vh;display:flex;flex-direction:column;font-size:14px;line-height:1.8}a{color:#078844;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:3px solid #ef9a34;outline-offset:4px}.flow-header{background:linear-gradient(135deg,#02582b 0%,#07C160 55%,#04A24E 100%);padding:0 20px;height:64px;display:flex;align-items:center}.header-inner{width:min(1160px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.flow-brand{display:flex;gap:8px;align-items:center;color:#fff}.flow-brand:hover{text-decoration:none}.flow-brand-mark{background:#ffffff33;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:16px;font-weight:700}.flow-brand strong{display:block;font-size:18px;line-height:1.45}.flow-brand small{display:block;font-size:10px;font-weight:400;color:#ffffffdb;line-height:1.5}.header-back{color:#fff;border:1px solid #ffffff66;border-radius:20px;padding:6px 16px;font-size:13px;white-space:nowrap}.header-back:hover{background:#ffffff22;text-decoration:none}.flow-steps{padding:18px 20px;background:#fff;border-bottom:1px solid #e8f5ee}.steps-inner{max-width:650px;margin:auto;display:flex;align-items:center}.step-item{display:flex;align-items:center;gap:9px;flex-shrink:0}.step-circle{width:32px;height:32px;border:2px solid #ddd;color:#aaa;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700}.step-circle.active,.step-circle.done{background:#07C160;border-color:#07C160;color:#fff}.step-circle.active{box-shadow:0 0 0 3px #07c16016}.step-name{font-size:13px;font-weight:700;color:#777;line-height:1.5}.step-sub{font-size:11px;color:#aaa;line-height:1.5}.step-line{height:2px;background:#e6ece8;flex:1;margin:0 16px}.step-line.done{background:#07C160}.flow-main{flex:1;padding:28px 20px 46px}.flow-wrap{width:100%;max-width:820px;margin:auto}.flow-card{background:#fff;border-radius:14px;padding:32px 36px;border:1px solid #edf0ed;box-shadow:0 2px 12px #00000007}.flow-title{font-size:22px;color:#222;line-height:1.5;text-align:center;margin-bottom:8px}.flow-subtitle{color:#888;font-size:13px;text-align:center;margin-bottom:24px}.payment-content{display:grid;grid-template-columns:245px minmax(0,1fr);gap:30px;align-items:start}.payment-area{background:#f8fbf9;border:1px solid #e2eee6;border-radius:12px;padding:24px 18px;text-align:center}.payment-mark{height:64px;width:64px;border-radius:50%;background:#e6f8ed;color:#079849;display:grid;place-items:center;font-size:28px;font-weight:700;margin:0 auto 15px}.payment-area h2{font-size:17px;margin-bottom:8px;color:#333}.payment-area p{color:#888;font-size:12px;line-height:1.8;margin-bottom:16px}.flow-button{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:10px 20px;border:1px solid #07C160;border-radius:8px;background:#07C160;color:#fff;font-size:14px;font-weight:700;line-height:1.6}.flow-button:hover{background:#04A24E;text-decoration:none}.flow-button:disabled{cursor:not-allowed;background:#bddbc9;border-color:#bddbc9;color:#fff}.flow-button.secondary{background:#fff;color:#078844;border-color:#c7dfd0;font-weight:400}.flow-button.secondary:hover{background:#f0fff6}.payment-area .flow-button{width:100%}.payment-area .contact-link{display:inline-block;font-size:13px;margin-top:13px}.amount-label{font-size:13px;color:#888;text-align:center}.amount-display{font-size:48px;color:#e54637;font-weight:700;line-height:1.3;text-align:center;margin:6px 0 19px}.amount-display .currency{font-size:21px;margin-right:3px}.amount-display .unit{font-size:14px;font-weight:400;margin-left:4px;color:#888}.order-detail{background:#f8f8f8;padding:12px 17px;border-radius:10px;margin-top:15px}.detail-row{display:grid;grid-template-columns:88px 1fr;gap:16px;padding:9px 0;border-bottom:1px solid #e9e9e9;font-size:13px;align-items:start}.detail-row:last-child{border-bottom:0}.detail-row dt{color:#888}.detail-row dd{margin:0;text-align:right;color:#444;overflow-wrap:anywhere;font-weight:600}.detail-row dd.order-number{font-size:12px;font-family:Consolas,monospace}.status-label{display:inline-block;padding:2px 9px;border-radius:5px;color:#ad6416;background:#fff0d8;font-size:12px}.status-label.paid{color:#067839;background:#e6f8ed}.fee-notice{border:1px solid #f0d9ae;background:#fff9ed;border-radius:10px;padding:14px 17px;margin-top:23px;font-size:13px;color:#7c6339;line-height:1.85}.fee-notice strong{color:#66502b}.flow-message{background:#f0fff6;border:1px solid #c6e8d4;border-radius:9px;padding:13px 16px;color:#28633f;font-size:13px;line-height:1.8;margin-bottom:18px}.flow-message.error{background:#fff2f0;border-color:#f0c8bf;color:#a83726}.flow-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.flow-note{font-size:12px;color:#888;line-height:1.85;margin-top:18px;text-align:center}.flow-note a{white-space:nowrap}.missing-card{text-align:center;padding:35px 24px}.missing-card h1{font-size:22px;margin-bottom:12px}.missing-card p{font-size:14px;color:#777;max-width:530px;margin:auto;line-height:1.9}.result-banner{display:flex;gap:14px;align-items:center;padding:22px 30px;background:#eff5f1;border:1px solid #dbe8df;border-radius:14px 14px 0 0}.result-icon{height:46px;width:46px;border-radius:50%;background:#ffffffa6;color:#678571;display:grid;place-items:center;flex-shrink:0;font-size:24px}.result-banner h1{font-size:20px;color:#3f604a;line-height:1.5;margin-bottom:4px}.result-banner p{font-size:13px;color:#718276;line-height:1.75}.result-banner.paid{background:linear-gradient(90deg,#07C160,#04A24E);border-color:#07C160}.result-banner.paid .result-icon{background:#ffffff33;color:#fff}.result-banner.paid h1{color:#fff}.result-banner.paid p{color:#ffffffe0}.result-body{border-radius:0 0 14px 14px;border-top:0}.next-title{font-size:16px;margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid #eee}.next-step{display:flex;gap:14px;margin:16px 0}.next-step span{height:26px;width:26px;border-radius:7px;background:#e9f8ee;color:#07984a;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0;margin-top:1px}.next-step h3{font-size:14px;color:#333;margin-bottom:5px}.next-step p{font-size:13px;line-height:1.85;color:#777}.result-pending{text-align:center;padding-bottom:20px}.result-pending p{color:#777;font-size:14px;line-height:1.9}.service-contact{border-top:1px solid #eee;padding-top:17px;margin-top:20px;display:flex;flex-wrap:wrap;gap:10px 25px;color:#666;font-size:13px}.service-contact strong{font-weight:500;color:#333}.service-contact a{font-weight:700}.flow-footer{background:#222;color:#aaa;padding:22px 20px;font-size:12px;text-align:center;line-height:1.9}.flow-footer a{color:#d2e6d8}.flow-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 23px;margin-top:7px}.skip-link{position:fixed;left:12px;top:-100px;background:#fff;padding:9px 12px;z-index:200}.skip-link:focus{top:10px}.noscript{padding:12px 20px;background:#fff5dd;color:#826126;text-align:center;font-size:13px}
@media(max-width:640px){.flow-header{height:62px;padding:0 16px}.flow-brand strong{font-size:15px}.flow-brand small{font-size:9px}.flow-brand-mark{width:29px;height:29px;font-size:15px}.header-back{padding:5px 10px;font-size:11px}.header-inner{gap:10px}.flow-steps{padding:16px}.steps-inner{max-width:420px}.step-item{gap:6px}.step-circle{width:27px;height:27px;font-size:12px}.step-name{font-size:11px}.step-sub{font-size:9px}.step-line{margin:0 7px}.flow-main{padding:21px 16px 34px}.flow-card{padding:24px 19px;border-radius:12px}.flow-title{font-size:20px}.flow-subtitle{font-size:12px;margin-bottom:21px}.payment-content{grid-template-columns:1fr;gap:20px}.order-info{grid-row:1}.payment-area{padding:20px}.payment-mark{width:48px;height:48px;font-size:23px;margin-bottom:10px}.payment-area h2{font-size:16px}.payment-area p{margin-bottom:13px}.amount-display{font-size:43px;margin-bottom:15px}.order-detail{padding:10px 14px}.detail-row{grid-template-columns:84px 1fr;gap:12px;font-size:12px;padding:8px 0}.fee-notice{padding:13px 14px;font-size:12px;margin-top:20px}.flow-message{font-size:12px;padding:12px 14px}.flow-button{font-size:13px;padding:9px 17px}.flow-actions{gap:10px}.flow-note{font-size:11px}.result-banner{padding:20px;border-radius:12px 12px 0 0;gap:12px}.result-icon{width:38px;height:38px;font-size:21px}.result-banner h1{font-size:18px}.result-banner p{font-size:12px}.result-body{border-radius:0 0 12px 12px}.next-title{font-size:15px}.next-step p{font-size:12px}.result-pending p{font-size:13px}.service-contact{font-size:12px;gap:8px 18px}.flow-footer{font-size:11px;padding:21px 16px}.missing-card h1{font-size:20px}.missing-card p{font-size:13px}}
.order-summary{margin-top:24px;padding-top:20px;border-top:1px solid #eee}
.query-credentials{margin-top:23px;border:1px solid #d8e8de;border-radius:9px;background:#fafdfb;overflow:hidden}.query-credentials summary{padding:13px 16px;cursor:pointer;font-size:13px;font-weight:700;color:#376147;list-style-position:inside}.query-credentials summary span{float:right;font-weight:400;font-size:11px;color:#8a9b90}.query-credentials[open] summary{border-bottom:1px solid #e3eee7}.query-credentials[open] summary span{display:none}.query-credentials-body{padding:16px}.query-credentials-body p{font-size:12px;color:#7a857e;line-height:1.85}.query-credentials-body dl{margin:14px 0 17px;min-width:0}.query-credentials-body dt{font-size:12px;color:#888;margin-top:11px}.query-credentials-body dd{margin:4px 0 0;font-family:Consolas,monospace;font-size:13px;color:#31503c;overflow-wrap:anywhere;word-break:break-all;white-space:normal}.query-credentials-body .query-token{background:#edf6f0;border:1px solid #deebe2;border-radius:6px;padding:10px 12px;user-select:all}.query-credentials-body .credential-warning{margin-top:11px;font-size:11px;color:#947243}
@media(max-width:370px){.flow-brand strong{font-size:13px}.flow-brand small{font-size:8px}.flow-brand-mark{width:26px;height:26px}.header-back{padding:5px 8px}.step-name{font-size:10px}.step-sub{font-size:8px}.step-circle{width:24px;height:24px}.step-line{margin-inline:5px}}