@scope (.redeem-live-content) {
:scope{color-scheme:light;--bg:#f1f6fc;--paper:#fff;--text:#132238;--muted:#64748b;--line:#cfd9e6;--blue:#1478c9;--blue2:#74aee0;--blue-soft:#eaf4fd;--red:#b42318;--red-soft:#fff1f0;--green:#067647;--green-soft:#ecfdf3;--amber:#9a6700;--amber-soft:#fff8e1}[hidden]{display:none!important}
.site-header{height:122px;padding:0 max(6vw,36px);background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;grid-template-rows:74px 48px;align-items:center}
.site-brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;width:max-content}
.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:2px solid var(--blue);border-radius:12px;color:var(--blue);font-size:18px;font-weight:900}
.site-header nav a{color:inherit;text-decoration:none}
.site-brand b,.site-brand small{display:block}.site-brand b{font-size:20px;letter-spacing:-.3px}.site-brand small{margin-top:-3px;color:var(--muted);font-size:13px}
.header-tip{justify-self:end;color:var(--muted);font-size:14px}
.site-header nav{grid-column:1/-1;height:48px;display:flex;align-items:stretch;gap:42px}
.site-header nav a,.site-header nav span{position:relative;display:flex;align-items:center;color:#26364a;text-decoration:none;font-weight:650}
.site-header nav .active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--blue)}
.recharge-shell{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:58px 0 80px}
.page-hero h1{margin:6px 0 4px;font:700 clamp(42px,5vw,66px)/1.06 Georgia,"Noto Serif SC","SimSun",serif;letter-spacing:-2px}
.eyebrow{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.14em}
.lead{margin:0;color:var(--muted);font-size:16px}
.mode-row{min-height:74px;margin-top:36px;border-top:1px solid #aebdcd;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted)}
.workflow{display:grid;grid-template-columns:330px minmax(0,1fr);gap:64px;padding-top:28px}
.workflow-aside{min-width:0}
.rail-steps{position:relative;margin:0;padding:0 0 26px;list-style:none;border-bottom:1px solid var(--line)}
.rail-steps:before{content:"";position:absolute;left:16px;top:32px;bottom:58px;width:1px;background:#b9c7d6}
.rail-step{position:relative;display:flex;align-items:flex-start;gap:18px;min-height:74px;color:var(--muted)}
.rail-index{position:relative;z-index:1;width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid #bdcad8;border-radius:50%;background:var(--bg);font-size:13px;font-weight:800}
.rail-step :is(strong,h2,h3),.rail-step small{display:block}.rail-step :is(strong,h2,h3){margin:0;padding-top:3px;color:#2b3b4e;font-size:16px;font-weight:700}.rail-step small{font-size:13px}
.rail-step.active .rail-index{border-color:var(--blue);color:#fff;background:var(--blue)}
.rail-step.active :is(strong,h3){color:#111f31}
.rail-step.done .rail-index{border-color:var(--green);color:#fff;background:var(--green)}
.security-note{display:flex;gap:14px;padding-top:28px}
.lock-icon{color:var(--blue);font-size:20px}
.security-note strong{font-size:16px}
.security-note p{margin:5px 0 0;color:var(--muted);font-size:14px}
.form-card{position:relative;min-height:350px;padding:38px;border:1px solid #aab8c7;border-radius:18px 18px 2px 2px;background:rgba(255,255,255,.62);box-shadow:8px 9px 0 #dcecf9}
.form-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,var(--blue),#8ec0e9)}
.step{display:grid;gap:20px}
.step-title span,.step-title strong,.step-title h3,.step-title small{display:block}
.step-title span{color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.14em}
.step-title strong,.step-title h3{margin:4px 0 0;font:700 29px/1.2 Georgia,"Noto Serif SC","SimSun",serif}
.step-title small{margin-top:7px;color:var(--muted);font-size:14px}
.step-title small b{color:var(--blue)}
.input{width:100%;min-height:46px;padding:11px 13px;border:1px solid #b9c6d4;border-radius:9px;outline:0;color:var(--text);background:#fbfdff;font:inherit}
.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,120,201,.12)}
.mono{font-family:"Cascadia Code",Consolas,monospace}
.session-input{min-height:145px;resize:vertical;line-height:1.55}
.hint{margin:-9px 0 0;color:var(--muted);font-size:14px}
.session-help-card{padding:15px 17px;border-radius:12px;background:#edf2f7;color:#25364a}
.session-help-card strong{display:block;margin-bottom:2px;font-size:15px}
.session-help-card p{margin:0;font-size:15px;line-height:1.55}
.session-help-card a{color:var(--blue);text-decoration:none;overflow-wrap:anywhere}
.session-help-card a:hover{text-decoration:underline}
.session-security-alert{padding:12px 14px;border:1px solid #d68a00;border-radius:10px;color:#b66b00;background:#fff2d9;font-size:15px}
.session-actions{display:grid;grid-template-columns:1fr 1fr}
.session-actions .button{width:100%}
.session-confirm-modal{width:min(510px,calc(100% - 32px));padding:0;border:1px solid #d4dde8;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.3)}
.session-confirm-modal::backdrop{background:rgba(22,34,48,.48);backdrop-filter:blur(3px)}
.session-confirm-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 21px 14px}
.session-confirm-head h3{margin:0;font-size:21px}
.dialog-close{width:32px;height:32px;padding:0;border:0;border-radius:8px;color:#526176;background:transparent;font-size:24px;line-height:1;cursor:pointer}
.dialog-close:hover{background:#eef2f6}
.session-confirm-account{margin:0 21px;padding:15px 16px;border:1px solid #079455;border-radius:12px;color:var(--green);background:#dff8e9}
.session-confirm-account code{display:block;margin-bottom:5px;color:#26364a;font-size:16px;overflow-wrap:anywhere}
.session-confirm-account p{margin:0;font-size:15px}
.session-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 21px 20px}
.session-confirm-actions .button{width:100%}
.cdk-verified-card{display:grid;gap:14px;padding:17px 18px;border:1px solid #d5e1ec;border-radius:13px;background:#edf2f7;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.cdk-verified-card.plan-go{border-color:#84adff;background:#eef5ff}.cdk-verified-card.plan-go .cdk-plan-badge,.cdk-verified-card.plan-go .cdk-plan-icon{color:#175cd3}
.cdk-verified-card.plan-plus{border-color:#c3b5fd;background:#f5f2ff}.cdk-verified-card.plan-plus .cdk-plan-badge,.cdk-verified-card.plan-plus .cdk-plan-icon{color:#6927da}
.cdk-verified-card.plan-pro-lite{border-color:#83d4db;background:#eefcfd}.cdk-verified-card.plan-pro-lite .cdk-plan-badge,.cdk-verified-card.plan-pro-lite .cdk-plan-icon{color:#087f8c}
.cdk-verified-card.plan-pro{border-color:#e7b35b;background:#fff8e5}.cdk-verified-card.plan-pro .cdk-plan-badge,.cdk-verified-card.plan-pro .cdk-plan-icon{color:#8a4f00}
.cdk-available{display:flex;align-items:center;gap:7px;color:var(--green);font-size:16px}
.cdk-available span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:14px}
.cdk-detail-row{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#516176;font-size:16px}
.cdk-detail-row>b{color:#111f31;font-size:16px}
.cdk-plan-badge{display:inline-flex;align-items:center;gap:7px}
.cdk-plan-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid #9fc8ed;border-radius:9px;color:var(--blue);background:#fff;font-size:17px}
.public-plan-badge{min-height:27px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid;border-radius:8px;font-size:14px!important;font-weight:800;white-space:nowrap}
.public-plan-badge.plan-go{color:#175cd3;border-color:#84adff;background:#eaf2ff}.public-plan-badge.plan-plus{color:#6927da;border-color:#c3b5fd;background:#f3f0ff}.public-plan-badge.plan-pro-lite{color:#087f8c;border-color:#83d4db;background:#e8fbfc}.public-plan-badge.plan-pro{color:#8a4f00;border-color:#e7b35b;background:#fff4d8}.public-plan-badge.plan-unknown{color:#475467;border-color:#d0d5dd;background:#f8fafc}
.cdk-verified-card p{margin:0;color:#53657a;font-size:15px}
.button{min-height:43px;padding:0 20px;border:1px solid transparent;border-radius:9px;font:inherit;font-weight:750;cursor:pointer}
.button.primary{color:#fff;background:linear-gradient(90deg,var(--blue2),#62a1da)}
.button.primary:hover{filter:brightness(.96)}
.button.secondary{color:#344054;border-color:#b9c6d4;background:#fff}
.button:disabled{opacity:.48;cursor:not-allowed}
.button.wide{width:100%}
.button-row{display:flex;justify-content:flex-end;gap:10px}
.notice{margin:0 0 18px;padding:11px 13px;border:1px solid #fecdca;border-radius:9px;color:var(--red);background:var(--red-soft)}
.notice.success{border-color:#abefc6;color:var(--green);background:var(--green-soft)}
.notice.warn{border-color:#f2d276;color:var(--amber);background:var(--amber-soft)}
#session-check-result{margin:0}
.summary-box{display:grid;gap:0;border:1px solid var(--line);border-radius:10px;background:#fbfdff}
.summary-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.summary-row:last-child{border-bottom:0}
.summary-row span{color:var(--muted)}
.summary-row b{overflow-wrap:anywhere;text-align:right}
.checkbox-row{display:flex;align-items:flex-start;gap:10px;font-weight:600;cursor:pointer}
.checkbox-row input{width:17px;height:17px;margin-top:3px;accent-color:var(--blue)}
.result-panel{text-align:center}
.result-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 13px;border-radius:50%;color:var(--green);background:var(--green-soft);font-size:25px;font-weight:800}
.result-panel h2{margin:0 0 4px}
.result-panel p{margin:0 0 18px;color:var(--muted)}
.result-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line);text-align:left}
.result-row span{color:var(--muted)}
.result-row code{max-width:70%;overflow-wrap:anywhere}
.result-panel .button{width:100%;margin-top:18px}
.site-footer{min-height:112px;padding:28px max(6vw,36px);border-top:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.site-footer p{max-width:680px;margin:0;padding-left:14px;border-left:2px solid var(--blue);font:18px/1.7 Georgia,"Noto Serif SC","SimSun",serif}
.site-footer span{color:var(--muted);font-size:14px}
@media(max-width:800px){.site-header{height:auto;padding:0 20px;grid-template-rows:68px 44px}.header-tip{display:none}.site-header nav{gap:24px;overflow-x:auto}.recharge-shell{width:min(100% - 28px,680px);padding:34px 0 55px}.mode-row{align-items:flex-start;flex-direction:column;padding:16px 0}.workflow{grid-template-columns:1fr;gap:24px}.workflow-aside{display:grid;grid-template-columns:1fr}.security-note{display:none}.rail-steps{display:flex;gap:8px;padding:0;border:0}.rail-steps:before{display:none}.rail-step{flex:1;min-height:0;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px}.rail-step div{min-width:0}.rail-step :is(strong,h2,h3){margin:0;font-size:14px}.rail-step small{font-size:12px}.rail-index{width:29px;height:29px;background:#fff}.form-card{padding:25px 20px;box-shadow:4px 5px 0 #dcecf9}.site-footer{flex-direction:column;padding:24px 20px}.site-footer p{font-size:16px}.button-row{flex-direction:column-reverse}.button-row .button{width:100%}.session-actions,.session-confirm-actions{grid-template-columns:1fr}}

.success-card{margin-top:14px;text-align:left}
.success-card .summary-box{margin-bottom:12px;background:#fff}
.success-card .button{width:100%}

.official-billing{padding:18px;border:1px solid var(--line);border-radius:12px;background:#f8fbfb;text-align:left}
.official-billing-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:15px}
.official-billing-heading>span{font-size:13px;color:var(--muted)}
.official-billing-details{border:0;background:transparent;padding:0}
.official-billing-details>summary{list-style:none;cursor:pointer;user-select:none}
.official-billing-details>summary::-webkit-details-marker{display:none}
.official-billing-details>summary::marker{content:''}
.official-billing-details>summary::after{content:'▾';margin-left:6px;font-size:12px;color:var(--muted);transition:transform .15s ease}
.official-billing-details[open]>summary::after{transform:rotate(180deg)}
.official-billing-details[open]>summary{margin-bottom:10px}
.official-billing-details>summary .official-billing-hint{margin-left:auto;font-size:13px;color:var(--muted)}
.official-billing .official-billing-status{margin:8px 0 14px;font-size:14px;line-height:1.7;color:var(--muted)}
.official-billing-actions{display:flex;flex-wrap:wrap;gap:10px}
.official-billing .official-billing-actions .button{display:flex;align-items:center;justify-content:center;flex:1 1 170px;width:auto;margin:0;text-decoration:none;white-space:normal;text-align:center}
.official-billing .official-billing-actions .button[hidden]{display:none}
.official-billing-invoices{display:grid;gap:10px}
.official-billing-invoice{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.official-billing-invoice-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}
.official-billing-invoice-head small{color:var(--muted)}
.official-billing-invoices .official-billing-actions .button{flex:1 1 150px}
.official-billing-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}
.official-billing-footer>span{font-size:13px;color:var(--muted)}
.billing-refresh{border:0;padding:0;background:transparent;color:var(--blue);font:inherit;font-size:14px;cursor:pointer}
.billing-refresh:disabled{cursor:wait;opacity:.6}
.official-billing .official-billing-error{margin:12px 0 0;color:var(--red);font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.success-card .summary-row code{min-width:0;overflow-wrap:anywhere;text-align:right}

.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:22px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.mode-tab{border:0;border-radius:9px;padding:11px 10px;background:transparent;color:var(--muted);font:600 15px/1.2 inherit;cursor:pointer}
.mode-tab.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(20,120,201,.12)}
.batch-panel{margin-top:6px}
.batch-rows{display:grid;gap:14px;margin:16px 0}
.batch-row{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}
.batch-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.batch-row-head b{font-size:14px;color:var(--text)}
.batch-row-remove{border:0;background:transparent;color:var(--red);font:inherit;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:6px}
.batch-row-remove:hover{background:#fdecec}
.batch-row .field{display:grid;gap:6px;margin-bottom:10px}
.batch-row .field label{font-size:13px;color:var(--muted)}
.batch-row .input,.batch-row .select{width:100%}
.batch-row .session-input{min-height:92px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}
.batch-row .row-status{font-size:12px;margin-top:4px;min-height:16px}
.batch-row .row-status.ok{color:var(--green)}
.batch-row .row-status.err{color:var(--red)}
.batch-actions{margin-top:6px}
.batch-result{margin-top:18px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.batch-result-head{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;background:#f0f6fb;font-size:14px}
.batch-result-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 14px;border-top:1px solid var(--line);align-items:center}
.batch-result-item .mono{overflow-wrap:anywhere}
.batch-result-item .tag{white-space:nowrap;font-size:12px;padding:3px 8px;border-radius:6px}
.batch-result-item .tag.ok{background:#e7f4ee;color:#26764e}
.batch-result-item .tag.fail{background:#fdecec;color:#b53737}
.batch-result-item .sub{grid-column:1 / -1;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.batch-query-result{margin-top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.batch-table-wrap{overflow-x:auto}
.batch-table{width:100%;border-collapse:collapse;font-size:13px}
.batch-table thead th{background:#183e50;color:#e0eff5;padding:11px 10px;text-align:left;white-space:nowrap;font-weight:600}
.batch-table tbody td{padding:10px;border-top:1px solid var(--line);vertical-align:top}
.batch-table tbody tr:nth-child(even){background:#f6fafb}
.batch-table .mono{font-size:12px;overflow-wrap:anywhere}
.batch-table .sub-cell{max-width:260px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.batch-empty{padding:22px 16px;text-align:center;color:var(--muted);font-size:14px;overflow-wrap:anywhere}
.cdk-verified-card.plan-pro-max{border-color:#f4a7c3;background:#fdf2f8}.cdk-verified-card.plan-pro-max .cdk-plan-badge,.cdk-verified-card.plan-pro-max .cdk-plan-icon{color:#9d174d}
.public-plan-badge.plan-pro-max{color:#9d174d;border-color:#f4a7c3;background:#fdf2f8}

/* Shared customer-facing visual refresh. CDK/session/payment steps unchanged. */
.portal-ui .site-footer{min-height:72px;padding:22px max(5vw,20px);align-items:center}
.portal-ui .site-footer p{max-width:620px;font:14px/1.7 "Segoe UI","Microsoft YaHei",sans-serif;color:var(--muted);border:0;padding:0}
.portal-ui .site-footer span{font-size:13px}
.site-header{height:auto;min-height:80px;padding:18px max(5vw,24px);display:flex;flex-wrap:wrap;align-items:center;gap:24px;background:#fff;border-bottom:1px solid var(--line)}
.site-brand b{font-size:20px}.site-brand small{font-size:12px;color:var(--muted)}
.site-header nav{display:flex;align-items:center;gap:9px;height:auto;margin-left:auto;grid-column:auto}.site-header nav a{font-size:15px;padding:9px 15px;border-radius:7px;color:var(--muted)}.site-header nav a.active{color:var(--primary);background:var(--primary-soft)}.site-header nav .active::after{display:none}
.header-tip{font-size:14px}.return-admin{display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:7px;color:var(--muted)}
.recharge-shell{width:min(1040px,calc(100% - 48px));padding:42px 0 60px}.page-hero h1{margin:9px 0 12px;font:600 clamp(28px,3vw,38px)/1.35 "Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:-1px}.lead{font-size:15px;line-height:1.8}.page-hero{margin-bottom:32px}.workflow{grid-template-columns:250px minmax(0,1fr);gap:38px;padding-top:0}.workflow-aside{padding:18px 0}.rail-step{min-height:80px;gap:14px}.rail-step :is(strong,h2,h3){margin:0;font-size:15px}.rail-step small{font-size:13px}.rail-index{background:var(--bg);border-color:#d1dde4}.rail-steps:before{background:#d5e0e7}.security-note{padding-top:24px}.security-note strong{font-size:14px}.security-note p{font-size:13px}
.form-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 35px #183d5005}.form-card:before{display:none}.step-title strong{font:600 23px/1.35 "Segoe UI","Microsoft YaHei",sans-serif}.step-title span{font-size:12px}.step-title small{font-size:14px}.input{background:#fbfcfd;border-color:var(--line-strong);border-radius:8px;font-size:15px}.button{border-radius:8px;min-height:43px;font-size:15px}.button.primary{background:var(--primary);box-shadow:none}.button.primary:hover{background:var(--primary-strong)}.button.secondary{border-color:var(--line-strong);background:white}.progress-step{font-size:13px}.summary-box{border-color:var(--line);border-radius:10px;background:var(--surface-2)}
.account-shell{grid-template-columns:minmax(350px,42%) minmax(400px,1fr)}.account-brand{background:#122e3c;padding:42px clamp(30px,4vw,64px)}.account-brand::after{box-shadow:none;border-color:#ffffff0a}.brand-copy h1{font-size:clamp(32px,3.2vw,46px);line-height:1.4;font-weight:600;letter-spacing:-1px}.brand-copy>small{color:#80cec4}.brand-copy p{font-size:15px;color:#b0c6cf}.brand-copy ul{gap:16px;font-size:14px}.brand-copy i{background:#234d52;color:#80cec4}.account-main{background:var(--bg)}.account-card{padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff}.auth-panel h2{font-size:25px}.account-button{background:var(--primary);border-color:var(--primary);border-radius:8px;box-shadow:none}.auth-tabs{background:var(--surface-2);border-color:var(--line);border-radius:9px}.auth-tabs button.active{color:var(--primary)}
@media(max-width:860px){.site-header{gap:14px;padding:16px 22px}.site-header nav{order:3;flex-basis:100%;justify-content:center}.header-tip{margin-left:auto}.workflow{grid-template-columns:1fr;gap:20px}.workflow-aside{padding:0}.rail-steps{display:flex;padding-bottom:14px;gap:14px}.rail-step{flex:1;min-height:0;gap:8px;align-items:center}.rail-step small,.rail-steps:before,.security-note{display:none}.rail-step :is(strong,h2,h3){margin:0;font-size:14px}.rail-index{width:28px;height:28px}.account-shell{grid-template-columns:1fr}.account-brand{display:none}.account-main{min-height:100vh;padding:24px}}
@media(max-width:540px){.recharge-shell{width:calc(100% - 28px);padding:28px 0 40px}.page-hero{margin-bottom:23px}.form-card{padding:23px 18px}.site-header{padding:14px 18px}.site-brand b{font-size:18px}.site-header nav a{padding:8px 14px}.rail-step{flex-direction:column;align-items:center;text-align:center}.rail-step :is(strong,h2,h3){margin:0;font-size:13px}.account-card{padding:25px 22px}.account-main{padding:18px}.progress-track{gap:5px}.progress-step{font-size:12px}}

.public-progress{--dp-ink:#153344;--dp-muted:#667f8c;--dp-paper:#fff;--dp-soft:#f3f8f9;--dp-line:#dce7ea;--dp-teal:#008d96;--dp-glow:#8be4d7;--dp-amber:#94651b;color:var(--dp-ink);font:15px/1.6 "Segoe UI","Microsoft YaHei",sans-serif;width:100%;box-sizing:border-box;text-align:left;margin-bottom:18px}
.public-progress *{box-sizing:border-box}.public-progress [hidden]{display:none!important}
.public-progress .dp-panel{position:relative;overflow:hidden;background:var(--dp-paper);border:1px solid var(--dp-line);border-radius:22px;padding:28px 30px 22px;box-shadow:0 16px 48px #173f4910}
.public-progress .dp-brandrow{display:flex;justify-content:space-between;align-items:center;gap:14px}.public-progress .dp-brand{font-size:13px;letter-spacing:.13em;font-weight:700;color:var(--dp-teal)}.public-progress .dp-plan{background:var(--dp-soft);border-radius:8px;padding:5px 11px;font-size:14px;color:var(--dp-ink)}
.public-progress .dp-center{text-align:center;margin:32px 0 30px;position:relative}.public-progress .dp-orb{width:62px;height:62px;margin:0 auto 20px;border-radius:20px;display:grid;place-items:center;background:var(--dp-soft);color:var(--dp-teal);position:relative}.public-progress .dp-orb::before{content:"";position:absolute;inset:-7px;border-radius:26px;background:color-mix(in srgb,var(--dp-teal) 8%,transparent);animation:dp-breathe 2.5s ease-in-out infinite}.public-progress .dp-orb svg{position:relative;width:26px;height:26px}
.public-progress h2{margin:0 0 8px;font:600 25px/1.4 "Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:-.4px}.public-progress .dp-desc{margin:0;color:var(--dp-muted);font-size:15px;min-height:21px}
.public-progress .dp-progress{height:10px;border-radius:20px;background:var(--dp-soft);position:relative;margin:0 4px}.public-progress .dp-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--dp-teal),var(--dp-glow));position:relative}.public-progress .dp-fill::after{content:"";position:absolute;right:-4px;top:-3px;width:16px;height:16px;border-radius:50%;background:var(--dp-teal);box-shadow:0 0 0 5px color-mix(in srgb,var(--dp-teal) 12%,transparent);animation:dp-breathe 1.8s ease-in-out infinite}.public-progress .dp-shine{position:absolute;inset:0;border-radius:inherit;overflow:hidden}.public-progress .dp-shine::before{content:"";display:block;width:40%;height:100%;background:linear-gradient(90deg,transparent,#ffffff90,transparent);animation:dp-flow 2.1s linear infinite}
.public-progress .dp-statusrow{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:19px 0 24px;font-size:14px}.public-progress .dp-status{display:flex;align-items:center;gap:7px;color:var(--dp-teal)}.public-progress .dp-status::before{content:"";height:6px;width:6px;border-radius:50%;background:currentColor}.public-progress .dp-elapsed{color:var(--dp-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.public-progress .dp-detail{padding:16px;background:var(--dp-soft);border-radius:12px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 20px;font-size:14px}.public-progress .dp-detail>span{color:var(--dp-muted)}.public-progress .dp-detail>b{font-weight:500;overflow-wrap:anywhere}.public-progress .dp-tip{margin:0;color:var(--dp-muted);font-size:14px;text-align:center;min-height:30px;line-height:1.7}
.public-progress .dp-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--dp-line);font-size:13px;color:var(--dp-muted);overflow-wrap:anywhere}.public-progress .dp-footer b{font-weight:400}.public-progress .dp-refresh{display:block;margin:8px auto 0;border:0;background:transparent;color:var(--dp-teal);font:500 14px/1.5 "Segoe UI","Microsoft YaHei",sans-serif;padding:6px;cursor:pointer}
.public-progress[data-state="complete"] .dp-orb::before{animation:none}.public-progress:not([data-state="processing"]):not([data-state="waiting"]) .dp-fill::after,.public-progress:not([data-state="processing"]):not([data-state="waiting"]) .dp-shine,.public-progress:not([data-state="processing"]):not([data-state="waiting"]) .dp-orb::before{display:none}
.public-progress:is([data-state="attention"],[data-state="unavailable"]) .dp-orb,.public-progress:is([data-state="attention"],[data-state="unavailable"]) .dp-status{color:var(--dp-amber)}.public-progress:is([data-state="attention"],[data-state="unavailable"]) .dp-fill{background:var(--dp-amber)}.public-progress:is([data-state="failed"],[data-state="cancelled"]) .dp-orb,.public-progress:is([data-state="failed"],[data-state="cancelled"]) .dp-status{color:#b54747}.public-progress:is([data-state="failed"],[data-state="cancelled"]) .dp-fill{background:#b54747}
.public-progress .dp-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.public-progress .dp-confetti span{position:absolute;top:10%;left:50%;width:5px;height:9px;background:var(--dp-teal);opacity:0;border-radius:1px}.public-progress[data-state="complete"] .dp-confetti span{animation:dp-celebrate 1.4s ease-out forwards}
@keyframes dp-flow{from{transform:translateX(-100%)}to{transform:translateX(350%)}}@keyframes dp-breathe{50%{opacity:.55;transform:scale(1.06)}}@keyframes dp-celebrate{15%{opacity:.85}to{transform:translate(var(--dx),170px) rotate(var(--dr));opacity:0}}
@media(max-width:480px){.public-progress .dp-panel{padding:24px 20px 18px}.public-progress h2{font-size:23px}.public-progress .dp-statusrow{align-items:flex-start;flex-wrap:wrap}.public-progress .dp-status{max-width:70%}}
@media(prefers-reduced-motion:reduce){.public-progress *, .public-progress *::before,.public-progress *::after{animation:none!important;transition:none!important}}
.workflow.result-visible{grid-template-columns:minmax(0,1fr);max-width:750px;margin-inline:auto}.workflow.result-visible>.workflow-aside{display:none}

}