.flow-page{font:15px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;color:#21364d;max-width:480px;margin:auto;padding:0 16px 35px;background:linear-gradient(#fff2b7,#f5f8fc 380px);min-height:90vh;box-sizing:border-box}.flow-top{display:flex;gap:10px;align-items:center;padding:22px 0 16px}.flow-top h1{font-size:23px;margin:0;font-weight:900}.flow-top button{border:0;background:#fff9;color:#21364d;width:34px;height:34px;border-radius:50%;font-size:25px;cursor:pointer}.flow-top span{font-size:12px;margin-left:auto;color:#807047}.flow-account{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;background:#22374f;color:#fff;border-radius:16px;margin-bottom:18px}.flow-account small{display:block;font-size:11px;color:#c3d0e0}.flow-account strong{font-size:19px;letter-spacing:1px;overflow-wrap:anywhere}.flow-account>span{color:#ffe486;padding-left:12px}.flow-card{padding:20px;background:white;border:1px solid #e8edf3;border-radius:18px;margin:16px 0;box-shadow:0 7px 24px #23405d08}.flow-step{display:flex;align-items:center;gap:10px;margin-bottom:16px}.flow-step span{font:900 13px/30px system-ui;background:#ffda51;width:30px;height:30px;border-radius:10px;text-align:center}.flow-step h2{font-size:18px;margin:0}.flow-share{display:block;width:100%;height:auto;border-radius:10px}.flow-muted,.flow-footnote{font-size:12px;color:#79899b;margin:12px 0 0}.flow-footnote{text-align:center;padding:0 15px}.flow-stage{display:flex;align-items:center;gap:10px;font-size:12px;color:#8192a2;margin:18px 0}.flow-stage i{height:2px;background:#edf0f4;flex:1}.flow-stage .done{color:#168467;font-weight:700}.flow-status{background:#f2f9f6;padding:18px 14px;border-radius:12px;text-align:center;margin:15px 0;color:#21785e}.flow-status p{font-size:13px;margin:6px 0 0}.flow-guide{background:#f6f8fc;padding:14px;border-radius:12px;margin:15px 0}.flow-guide h3{margin:0 0 8px;font-size:16px}.flow-guide ol{padding-left:20px;margin:0}.flow-guide li{margin-bottom:6px}.flow-guide p{font-size:12px;color:#778599;margin:12px 0 0}.flow-guide strong{color:#a76500}.flow-button{display:block;border:0;border-radius:12px;background:#ffd345;color:#3b300d;font:700 15px/1.4 inherit;font-family:inherit;font-size:15px;font-weight:700;min-height:48px;padding:12px 18px;width:100%;cursor:pointer;box-sizing:border-box}.flow-button:disabled{opacity:.5;cursor:default}.flow-button.secondary{background:#edf1f6;color:#445870}.flow-upload{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:148px;border:2px dashed #d6dfe9;background:#fbfcff;border-radius:12px;cursor:pointer;margin:16px 0}.flow-upload span{font:30px system-ui;color:#a6b6c6}.flow-upload small{font-size:12px;color:#8b98a8;margin-top:6px}.flow-upload.disabled{opacity:.5;cursor:default}#flow-file{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.flow-preview{position:relative;text-align:center;background:#edf2f7;border-radius:12px;margin:12px 0;padding:10px}.flow-preview[hidden]{display:none}.flow-preview img{max-width:100%;max-height:260px;border-radius:8px}.flow-preview button{display:block;margin:7px auto 0;color:#b4454d;background:#fff;border:1px solid #e3d4d6;border-radius:7px;padding:7px 18px}.flow-error{font-size:13px;color:#c03849;overflow-wrap:anywhere}.flow-progress{font-size:13px;color:#237767;text-align:center}.flow-wait{padding:12px;background:#fff6dc;border-radius:10px;font-size:13px;color:#856325}.flow-accel-intro{border-top:1px solid #edf0f5;padding-top:18px;margin-top:20px}.flow-accel-intro h3{margin:0;font-size:19px}.flow-accel-intro p{font-size:14px}.flow-loading{padding:60px 0;text-align:center;color:#687c93}.flow-dialog{position:fixed;inset:0;margin:auto;border:0;border-radius:22px;padding:28px 24px;box-sizing:border-box;max-width:400px;width:calc(100% - 36px);max-height:88vh;overflow:auto;background:#fff;font:15px/1.6 system-ui,'Microsoft YaHei',sans-serif;color:#26394f;text-align:center;z-index:2147483647;box-shadow:0 22px 80px #14243650}.flow-dialog::backdrop{background:#142638aa}.flow-dialog h2{font-size:23px;margin:8px 0 12px}.flow-dialog p{margin:12px 0}.flow-close{position:absolute;right:12px;top:10px;background:none;border:0;color:#8a98a8;font-size:26px;cursor:pointer}.flow-symbol{border-radius:50%;background:#fff4bd;color:#d5a500;font-size:25px;width:52px;height:52px;line-height:52px;margin:auto}.flow-label{display:block;text-align:left;font-size:13px;font-weight:bold;margin:18px 0 6px}#flow-uid{font:20px/1.4 system-ui;width:100%;box-sizing:border-box;border:1px solid #ced8e4;border-radius:10px;padding:12px;color:#21344a}.flow-help{font-size:12px;color:#7c8998;text-align:left}.flow-actions{display:flex;gap:10px;margin-top:22px}.flow-uid-confirm{font-size:27px;font-weight:800;letter-spacing:1px;overflow-wrap:anywhere;padding:18px 8px;background:#fff6d5;border-radius:12px}.flow-success-copy{font-size:19px;color:#238767;font-weight:bold}
.flow-change{background:#ffffff18;color:#fff;border:1px solid #ffffff40;border-radius:7px;font-size:12px;padding:5px 8px;margin-left:8px;cursor:pointer}.flow-wait .flow-button{margin-top:12px;font-size:13px;min-height:38px}
.flow-page [hidden]{display:none!important}
.flow-account{display:block}.flow-reward-line{display:flex;align-items:center;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid #ffffff20}.flow-reward-line img{object-fit:contain;flex:none}.flow-reward-line b{display:block;color:#ffe486;font-size:18px}.flow-tutorial-image{display:block;width:100%;height:auto;border:1px solid #e8edf3;border-radius:12px;margin-top:12px}
.flow-platform{display:flex;align-items:center;gap:12px;padding:17px;background:#fff;border:1px solid #eadfb6;border-radius:16px;margin:16px 0}.flow-platform img{width:48px;height:48px;object-fit:contain;border-radius:12px}.flow-platform div>span{font-size:11px;color:#8b8271}.flow-platform h2{font-size:20px;margin:0;color:#26394f}.flow-platform>b{font-size:12px;margin-left:auto;background:#fff4c8;color:#92721a;border-radius:20px;padding:5px 10px;white-space:nowrap}.flow-tutorial-lead{font-size:13px;color:#79889a;margin:0 0 24px}.flow-instructions{list-style:none;padding:0;margin:0}.flow-instructions>li{position:relative;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid #edf0f4}.flow-instructions>li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.flow-instruction-title{display:flex;align-items:center;gap:10px}.flow-instruction-title>span{width:25px;height:25px;background:#fff2bf;color:#9b7213;border:1px solid #f1d675;border-radius:50%;font:bold 13px/25px system-ui;text-align:center;flex-shrink:0}.flow-instruction-title h3{font-size:16px;margin:0;font-weight:800;color:#293d52}.flow-instructions li>p{font-size:13px;color:#6b7d90;margin:9px 0 14px}.flow-instructions li>p strong{color:#8f6916}.flow-demo{border:1px solid #e6eaf0;background:#fafbfe;border-radius:12px;padding:16px;box-sizing:border-box;color:#36485a;margin-top:14px;user-select:none}.flow-demo-header{position:relative;display:flex;gap:9px;align-items:center;min-height:92px;padding-bottom:35px}.flow-demo-app{color:#ee3c58;font-size:13px;font-weight:900;letter-spacing:-1px}.flow-demo-header>div{margin:auto;font-size:12px;word-spacing:8px;color:#a2adba}.flow-demo-header strong{color:#36485a;position:relative}.flow-demo-header strong:after{content:'';position:absolute;width:16px;height:3px;border-radius:3px;background:#ff3758;bottom:-8px;left:4px}.flow-demo-header>small{position:absolute;bottom:10px;right:13px;color:#bb8513;font-size:11px}.flow-search-icon{display:inline-block;width:15px;height:15px;border:2px solid #3b4c5e;border-radius:50%;position:relative;box-sizing:border-box;flex-shrink:0;margin-right:3px}.flow-search-icon:after{content:'';position:absolute;width:6px;height:2px;background:#3b4c5e;right:-5px;bottom:-2px;transform:rotate(45deg);border-radius:2px}.flow-keyword{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #f0d47b;background:#fff8df;border-radius:12px;padding:13px}.flow-keyword small{display:block;font-size:10px;color:#a68b47;margin-bottom:2px}.flow-keyword strong{font-size:21px;letter-spacing:.4px;color:#56411e;user-select:all}.flow-keyword button,.flow-comment-copy button{border:0;border-radius:8px;background:#ffd345;color:#5d4510;font-weight:700;font-size:12px;white-space:nowrap;padding:10px 12px;cursor:pointer}.flow-copy-status{min-height:0!important;font-size:12px!important;color:#258469!important;margin:8px 0 0!important;overflow-wrap:anywhere}.flow-copy-status:empty{display:none}.flow-search-demo{display:flex;gap:10px;align-items:center;padding:14px 12px}.flow-search-demo>span{font-size:23px}.flow-search-demo>div{flex:1;border:1px solid #dfe5ec;background:#fff;border-radius:30px;display:flex;align-items:center;gap:9px;padding:10px 12px;min-width:0}.flow-search-demo b{font-size:13px;color:#465a6e;white-space:nowrap}.flow-search-demo small{margin-left:auto;font-size:17px;color:#adb8c4}.flow-search-demo>em{font-style:normal;font-size:12px;font-weight:700;color:#e53e58}.flow-result-demo{display:flex;gap:10px;align-items:center}.flow-result-badge{width:43px;height:43px;border-radius:12px;background:#ffeaa0;color:#997019;line-height:43px;font-size:20px;font-weight:bold;text-align:center;flex-shrink:0}.flow-result-demo>div:nth-child(2){min-width:0;flex:1}.flow-result-demo b{display:block;font-size:14px}.flow-result-demo small{display:block;font-size:10px;color:#99a6b5;margin-top:3px}.flow-result-demo>span{font-size:10px;white-space:nowrap;color:#b18a2a}.flow-comment-copy{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:10px 12px;background:#f2f6fa;border:1px solid #e4eaf0;border-radius:10px}.flow-comment-copy code{font:700 16px system-ui;color:#46596e;user-select:all}.flow-comment-copy button{background:#e5ebf2;color:#53667b}.flow-comment-demo{padding:16px;background:white}.flow-demo-title{border-bottom:1px solid #edf0f5;padding-bottom:11px;font-size:13px;font-weight:bold}.flow-demo-title small{float:right;font-size:10px;font-weight:normal;color:#a9b3bf}.flow-comment-row{display:flex;gap:10px;padding:18px 0}.flow-demo-avatar{flex-shrink:0;width:33px;height:33px;border-radius:50%;background:#ffeeb0;color:#a48327;text-align:center;line-height:33px;font-size:12px}.flow-comment-row>div{flex:1}.flow-comment-row small{display:block;font-size:10px;color:#8c99a8}.flow-comment-row strong{display:inline-block;margin:5px 0;font-size:15px;color:#2e4257;border-bottom:3px solid #ffe393}.flow-comment-row p{font-size:10px;color:#9fabb7;margin:0}.flow-demo-heart{font-size:22px;color:#b7c1cd}.flow-demo-input{background:#f5f7fa;border-radius:20px;padding:8px 12px;font-size:11px;color:#a2adba}.flow-tutorial-note{font-size:11px!important;color:#8e9bab!important;margin-bottom:0!important}.flow-guide .flow-upload-tip{font-size:13px;color:#53687e;line-height:1.7}@media(max-width:360px){.flow-keyword strong{font-size:18px}.flow-keyword button{padding:9px}.flow-result-demo{padding:12px}.flow-result-demo>span{display:none}.flow-platform>b{font-size:10px;padding:4px 7px}.flow-demo-header>div{word-spacing:3px}}

.flow-number-help{text-align:left;font-size:13px;background:#f5f8fc;border-radius:10px;padding:12px;margin-top:12px}.flow-number-help summary{color:#6f571e;font-weight:700;cursor:pointer}.flow-number-help-steps{margin-top:12px}.flow-number-help-steps>p{font-size:12px;color:#53687e;margin:0 0 12px}.flow-number-help-steps figure{margin:10px 0 14px}.flow-number-help-steps figcaption{font-size:12px;line-height:1.6;color:#53687e;margin:0 0 7px}.flow-number-help-steps img{display:block;width:100%;height:auto;border-radius:9px;border:1px solid #e5eaf0}.flow-number-help>p{font-size:12px;color:#77889a;margin:10px 0 0}.flow-return-note{font-size:12px;color:#738194;line-height:1.7;margin:0 0 8px}.flow-switch{display:block;border:0;background:none;color:#7b6737;text-decoration:underline;font:12px/1.5 inherit;padding:0;cursor:pointer;margin:0 0 18px}.flow-dialog button:disabled{cursor:wait}.flow-account{flex-wrap:wrap;gap:8px}.flow-account>div{min-width:0}.flow-account .flow-change{margin-left:auto}

.flow-progress-card{box-sizing:border-box;margin:0 6px 16px;padding:20px 18px 15px;border:1px solid #efdaa0;border-radius:18px;background:linear-gradient(135deg,#fffef9,#fff7dd);color:#263d55;box-shadow:0 5px 18px #533c1710;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.flow-progress-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}.flow-progress-icon{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:1px solid #e9c96a;border-radius:13px;background:#ffe7a0;color:#866015;font-size:23px;font-weight:800}.flow-progress-heading h2{margin:0 0 4px;font-size:20px;line-height:1.3;font-weight:800;color:#263d55}.flow-progress-heading p{margin:0;color:#7d745c;font-size:12px;line-height:1.5}.flow-progress-query{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:46px;padding:12px 18px;border:0;border-radius:11px;background:#263d55;color:#ffe7a0;font-family:inherit;font-size:15px;line-height:1.4;font-weight:700;cursor:pointer}.flow-progress-query:hover{background:#314e6a}.flow-progress-query:focus-visible{outline:3px solid #cf9b29;outline-offset:3px}.flow-progress-query:disabled{opacity:.65;cursor:wait}.flow-progress-query>span:last-child{font-size:18px;font-weight:400;line-height:1}.flow-progress-hint{margin:10px 0 0;text-align:center;font-size:11px;line-height:1.5;color:#928266}@media(max-width:360px){.flow-progress-card{padding:16px 14px 13px}.flow-progress-heading{gap:10px;margin-bottom:14px}.flow-progress-heading h2{font-size:18px}.flow-progress-heading p{font-size:11px}.flow-progress-icon{width:37px;height:37px}.flow-progress-query{min-height:44px}}
.flow-progress-drawer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;flex-shrink:0;margin:0 0 16px;padding:14px;border-radius:13px;box-shadow:none}.flow-progress-drawer .flow-progress-heading{gap:9px;margin:0}.flow-progress-drawer .flow-progress-icon{width:34px;height:34px;border-radius:10px;font-size:19px}.flow-progress-drawer .flow-progress-heading h2{font-size:16px;margin-bottom:3px}.flow-progress-drawer .flow-progress-heading p{font-size:11px}.flow-progress-drawer .flow-progress-query{width:auto;min-height:40px;padding:9px 12px;gap:7px;font-size:13px;align-self:center}@media(max-width:360px){.flow-progress-drawer{padding:12px;gap:8px}.flow-progress-drawer .flow-progress-icon{display:none}.flow-progress-drawer .flow-progress-query{padding:9px 10px}}

/* Task center v15: scoped to the new task layout; legacy pages and dialogs keep their styles. */
.flow-page.flow-task-v15{max-width:480px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:0 16px 30px;background:#f5f5fa;color:#333747;font-size:14px;line-height:1.75;overflow-wrap:break-word}
.flow-task-v15 *,.flow-task-v15 *::before,.flow-task-v15 *::after{box-sizing:border-box}
.flow-task-v15 .flow-top{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;gap:6px;align-items:center;margin:0 -16px 16px;padding:16px;background:#fff;border-bottom:1px solid #efeff4}
.flow-task-v15 .flow-top h1{margin:0;font-size:20px;font-weight:800;line-height:1.4;letter-spacing:.1px;text-align:center}
.flow-task-v15 .flow-top button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:11px;background:#f7f7fa;color:#777b88;font-size:28px;line-height:1;box-shadow:none}
.flow-task-v15 .flow-top>span{justify-self:end;margin:0;color:#898391;font-size:11px;line-height:1.4;white-space:nowrap}
.flow-task-v15 .flow-account{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:9px;margin:0 0 14px;padding:14px 16px;border:1px solid #eceaf1;border-radius:18px;background:#fff;color:#48485a;box-shadow:0 3px 12px #423d6703}
.flow-task-v15 .flow-account>div{min-width:0}
.flow-task-v15 .flow-account>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px}
.flow-task-v15 .flow-account small{font-size:10px;line-height:1.6;color:#827b8b}
.flow-task-v15 .flow-account strong{display:block;font-size:15px;font-weight:750;line-height:1.6;letter-spacing:.2px;color:#4e4d5f;overflow-wrap:anywhere}
.flow-task-v15 .flow-account .flow-reward-line{display:flex;align-items:center;gap:8px;min-width:0;max-width:none;margin:0;padding:9px 0 0;border-top:1px solid #eeeaf1;border-left:0}
.flow-task-v15 .flow-reward-line img{width:34px;height:34px;object-fit:contain;flex:none}
.flow-task-v15 .flow-reward-line>span{display:flex;align-items:center;flex-wrap:wrap;gap:3px 10px;min-width:0;padding:0}
.flow-task-v15 .flow-reward-line b{color:#b97126;font-size:15px;line-height:1.6;font-weight:750;overflow-wrap:anywhere}
.flow-task-v15 .flow-task-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 16px;padding:17px 12px 15px;background:#fff;border:1px solid #f0eef4;border-radius:20px;box-shadow:0 4px 16px #514c7404}
.flow-task-v15 .flow-task-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:58px;margin:0;padding:0 4px;border:0;border-radius:9px;background:none;color:#b0aeb9;font-family:inherit;cursor:pointer}
.flow-task-v15 .flow-task-stage:not(:last-child)::after{content:'';position:absolute;top:13px;left:calc(50% + 18px);width:calc(100% - 36px);height:2px;background:#eeedf2;pointer-events:none}
.flow-task-v15 .flow-task-stage>span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:none;width:27px;height:27px;border:1px solid #edecf1;border-radius:50%;background:#f0eff3;color:#aba9b3;font:750 12px/1 system-ui,sans-serif}
.flow-task-v15 .flow-task-stage>b{position:relative;z-index:1;max-width:100%;font-size:11px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.flow-task-v15 .flow-task-stage.is-current{color:#e88925}
.flow-task-v15 .flow-task-stage.is-current>span{border-color:#ffb448;background:linear-gradient(145deg,#ffb329,#ff8a20);color:#fff;box-shadow:0 0 0 4px #fff3df}
.flow-task-v15 .flow-task-stage.is-current>b{font-weight:750}
.flow-task-v15 .flow-task-stage.is-complete{color:#c69055}
.flow-task-v15 .flow-task-stage.is-complete>span{border-color:#ffd8af;background:#fff2e2;color:#e9973d}
.flow-task-v15 .flow-task-stage.is-complete::after{background:#ffe4c7}
.flow-task-v15 .flow-task-stage:disabled{cursor:default;opacity:1}
.flow-task-v15 div.flow-task-stage{cursor:default}
.flow-task-v15 .flow-card{padding:21px 19px;border:1px solid #efedf4;border-radius:21px;margin:16px 0;background:#fff;box-shadow:0 4px 18px #4f486307}
.flow-task-v15 .flow-tutorial-region{margin:0;padding:0;min-width:0;scroll-margin-top:88px}
.flow-task-v15 .flow-tutorial{margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.flow-task-v15 .flow-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 3px 12px;min-width:0}
.flow-task-v15 .flow-section-heading h2{margin:0;color:#777182;font-size:13px;line-height:1.6;font-weight:650}
.flow-task-v15 .flow-section-heading>span{min-width:0;color:#847c8d;font-size:10px;line-height:1.6;text-align:right;overflow-wrap:anywhere}
.flow-task-v15 .flow-instructions{list-style:none;margin:0;padding:0;min-width:0}
.flow-task-v15 .flow-instructions>.flow-instruction-card{position:relative;padding:21px 19px;margin:16px 0;border:1px solid #efedf4;border-radius:21px;background:#fff;box-shadow:0 4px 18px #4f486307;min-width:0}
.flow-task-v15 .flow-instructions>.flow-instruction-card:first-child{margin-top:0}
.flow-task-v15 .flow-instructions>.flow-instruction-card:last-child{padding-bottom:21px;margin-bottom:0;border-bottom:1px solid #efedf4}
.flow-task-v15 .flow-instruction-title,.flow-task-v15 .flow-step{display:flex;align-items:center;gap:9px;min-width:0;margin:0 0 11px}
.flow-task-v15 .flow-instruction-title>span,.flow-task-v15 .flow-step>span{display:flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;min-width:26px;margin:0;padding:0;border:0;border-radius:50%;background:linear-gradient(145deg,#ffb226,#ff8a1f);color:#fff;font:800 12px/1 system-ui,sans-serif;box-shadow:0 2px 5px #ffad2026}
.flow-task-v15 .flow-instruction-title h3,.flow-task-v15 .flow-step h2{margin:0;color:#383643;font-size:16px;font-weight:750;line-height:1.6;overflow-wrap:anywhere}
.flow-task-v15 .flow-instructions li>p{font-size:13px;line-height:1.85;color:#65616e;margin:10px 0 15px;overflow-wrap:anywhere}
.flow-task-v15 .flow-instructions li>p strong{font-weight:750;color:#b9681d}
.flow-task-v15 .flow-platform{display:flex;align-items:center;gap:12px;margin:16px 0 0;padding:14px;border:1px solid #f0eef3;border-radius:14px;background:#f9f8fb;box-shadow:none;min-width:0}
.flow-task-v15 .flow-platform img{display:block;flex:none;width:48px;height:48px;object-fit:contain;border-radius:12px}
.flow-task-v15 .flow-platform>div{min-width:0}
.flow-task-v15 .flow-platform div>span,.flow-task-v15 .flow-platform>span{display:block;color:#a29aa7;font-size:10px;line-height:1.7}
.flow-task-v15 .flow-platform h2{margin:1px 0 0;font-size:18px;font-weight:750;line-height:1.5;color:#49414c}
.flow-task-v15 .flow-platform>b{margin-left:auto;padding:4px 8px;border-radius:7px;background:#fff0e6;color:#c99261;font-size:10px;line-height:1.6}
.flow-task-v15 .flow-keyword,.flow-task-v15 .flow-comment-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:15px 0 0;padding:0;border:0;border-radius:0;background:none;min-width:0}
.flow-task-v15 .flow-keyword>div,.flow-task-v15 .flow-comment-copy>code{display:block;min-width:0;margin:0;padding:14px 15px;border:1px dashed #efcf80;border-radius:12px;background:linear-gradient(110deg,#fff9e6,#fff1c4);color:#8d702f;overflow-wrap:anywhere;white-space:normal}
.flow-task-v15 .flow-keyword small{display:block;margin:0 0 3px;color:#b3a06c;font-size:10px;line-height:1.5}
.flow-task-v15 .flow-keyword strong{display:block;max-width:100%;color:#927331;font-size:19px;font-weight:750;line-height:1.6;letter-spacing:.2px;overflow-wrap:anywhere}
.flow-task-v15 .flow-comment-copy>code{font:750 19px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif}
.flow-task-v15 .flow-keyword button,.flow-task-v15 .flow-comment-copy button,.flow-task-v15 .flow-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:49px;margin:0;padding:12px 16px;border:0;border-radius:12px;background:linear-gradient(100deg,#ff9f19,#ff7a32);color:#fff;font-family:inherit;font-size:14px;font-weight:750;line-height:1.5;white-space:normal;overflow-wrap:anywhere;box-shadow:0 4px 12px #ff982124;cursor:pointer}
.flow-task-v15 .flow-keyword button:hover:not(:disabled),.flow-task-v15 .flow-comment-copy button:hover:not(:disabled),.flow-task-v15 .flow-button:hover:not(:disabled){background:linear-gradient(100deg,#ff9416,#fa6f29)}
.flow-task-v15 .flow-keyword button:disabled,.flow-task-v15 .flow-comment-copy button:disabled,.flow-task-v15 .flow-button:disabled{opacity:.48;box-shadow:none;cursor:default}
.flow-task-v15 .flow-button.secondary{border:1px solid #e7e5ed;background:#f5f4f9;color:#7f7b8e;box-shadow:none}
.flow-task-v15 .flow-button.secondary:hover:not(:disabled){background:#eeecf4}
.flow-task-v15 .flow-copy-status:not(:empty){padding:8px 10px;margin:10px 0 0!important;border-radius:8px;background:#f3f9f2;color:#58764e!important;font-size:11px!important;line-height:1.65}
.flow-task-v15 .flow-example{margin:15px 0 0;padding:0;border:1px solid #e9e7ef;border-radius:11px;background:#fbfafc;min-width:0;overflow:hidden}
.flow-task-v15 .flow-example>summary{position:relative;display:block;list-style:none;margin:0;padding:11px 33px 11px 12px;min-height:42px;font-size:12px;line-height:1.6;color:#6c6578;font-weight:600;cursor:pointer;user-select:none}
.flow-task-v15 .flow-example>summary::-webkit-details-marker{display:none}
.flow-task-v15 .flow-example>summary::after{content:'';position:absolute;right:15px;top:15px;width:7px;height:7px;border-right:1.5px solid #a5a0b1;border-bottom:1.5px solid #a5a0b1;transform:rotate(45deg);transition:transform .16s ease}
.flow-task-v15 .flow-example[open]>summary{border-bottom:1px solid #efedf3}
.flow-task-v15 .flow-example[open]>summary::after{top:18px;transform:rotate(225deg)}
.flow-task-v15 .flow-example>.flow-demo,.flow-task-v15 .flow-example>.flow-tutorial-image{width:calc(100% - 20px);max-width:calc(100% - 20px);margin:10px}
.flow-task-v15 .flow-example>p{margin:10px 12px;font-size:11px;line-height:1.75;color:#7b7185;overflow-wrap:anywhere}
.flow-task-v15 .flow-demo{max-width:100%;margin-top:14px;padding:14px;border:1px solid #ece8f1;border-radius:11px;background:#fcfbfd;color:#6d6677}
.flow-task-v15 .flow-demo-header>div{font-size:11px;word-spacing:5px;min-width:0}
.flow-task-v15 .flow-demo-header>small{color:#be9a60;font-size:10px}
.flow-task-v15 .flow-search-demo{gap:8px;padding:13px 10px}
.flow-task-v15 .flow-search-demo>div{gap:7px;min-width:0;padding:9px}
.flow-task-v15 .flow-search-demo b{min-width:0;font-size:12px;white-space:normal;overflow-wrap:anywhere}
.flow-task-v15 .flow-search-demo>em{font-size:11px;flex:none}
.flow-task-v15 .flow-result-demo{gap:9px;padding:14px 12px}
.flow-task-v15 .flow-result-demo b{font-size:13px;overflow-wrap:anywhere}
.flow-task-v15 .flow-result-demo small{font-size:10px;overflow-wrap:anywhere}
.flow-task-v15 .flow-result-demo>span{font-size:10px}
.flow-task-v15 .flow-result-badge{width:37px;height:37px;line-height:37px;border-radius:10px;background:#fff0c9;color:#c69b53;font-size:17px}
.flow-task-v15 .flow-comment-row{gap:8px;padding:16px 0}
.flow-task-v15 .flow-comment-row>div{min-width:0}
.flow-task-v15 .flow-comment-row strong{max-width:100%;font-size:14px;overflow-wrap:anywhere}
.flow-task-v15 .flow-demo-title{font-size:12px;color:#81788a}
.flow-task-v15 .flow-demo-title small{font-size:9px}
.flow-task-v15 .flow-tutorial-image{display:block;width:100%;max-width:100%;height:auto;margin-top:15px;border:1px solid #ebe6ef;border-radius:12px;object-fit:contain}
.flow-task-v15 .flow-tutorial-note{font-size:10px!important;line-height:1.7!important;color:#7b7185!important;margin-top:10px!important}
.flow-task-v15 #flow-checkin-card{margin-top:16px;scroll-margin-top:88px}
.flow-task-v15 .flow-guide{margin:12px 0 16px;padding:13px 14px;border:1px solid #e7e7f0;border-radius:12px;background:#f7f7fc;color:#8c8798}
.flow-task-v15 .flow-guide p,.flow-task-v15 .flow-guide .flow-upload-tip{margin:0;font-size:12px;line-height:1.85;color:#676174;overflow-wrap:anywhere}
.flow-task-v15 .flow-guide p+p{margin-top:7px;font-size:11px;color:#7b7289}
.flow-task-v15 .flow-guide strong{color:#b8771f;font-weight:750}
.flow-task-v15 .flow-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:126px;margin:15px 0 16px;padding:18px 12px;border:1px dashed #e8dcc2;border-radius:13px;background:#fffcf4;color:#96918a;text-align:center;cursor:pointer}
.flow-task-v15 .flow-upload>svg{display:block;width:39px;height:39px;margin:0;flex:none;color:#aca59c}
.flow-task-v15 .flow-upload>span{color:#aca59c;font-size:33px;line-height:1;margin:0 0 13px}
.flow-task-v15 .flow-upload>b{font-size:14px;font-weight:600;line-height:1.65;color:#756b5d;overflow-wrap:anywhere}
.flow-task-v15 .flow-upload>small{display:block;max-width:100%;margin:7px 0 0;font-size:11px;line-height:1.7;color:#887c69;overflow-wrap:anywhere}
.flow-task-v15 .flow-upload.disabled{opacity:.5;cursor:default}
.flow-task-v15 .flow-upload-note{margin:12px 0 0;padding:11px 12px;border:1px solid #f0e2a6;border-radius:10px;background:#fffcf0;color:#8b722c;font-size:11px;line-height:1.8;text-align:left;overflow-wrap:anywhere}
.flow-task-v15 #flow-submit{min-height:51px;font-size:15px;scroll-margin-top:16px}
.flow-task-v15 .flow-preview{margin:14px 0;padding:12px;border:1px solid #eae5ef;border-radius:12px;background:#f8f6fa}
.flow-task-v15 .flow-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:280px;margin:auto;border-radius:9px;object-fit:contain}
.flow-task-v15 .flow-preview button{margin:10px auto 0;padding:7px 18px;min-height:34px;border:1px solid #e9d8d7;border-radius:8px;background:#fff;color:#bd8b86;font-family:inherit;font-size:11px}
.flow-task-v15 .flow-status{margin:15px 0 18px;padding:23px 14px 21px;border:1px solid #e5eee6;border-radius:14px;background:#f5faf5;color:#6c9974;text-align:center}
.flow-task-v15 .flow-status-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;margin:0 auto 12px;border:1px solid #d7e8d9;border-radius:50%;background:#e7f3e8;color:#80a886;font:700 22px/1 system-ui,sans-serif}
.flow-task-v15 .flow-status>b,.flow-task-v15 .flow-status>strong{display:block;color:#4f7758;font-size:16px;font-weight:750;line-height:1.7;overflow-wrap:anywhere}
.flow-task-v15 .flow-status p{margin:7px 0 0;color:#708774;font-size:11px;line-height:1.75;overflow-wrap:anywhere}
.flow-task-v15 .flow-review-card{padding:23px 20px}
.flow-task-v15 .flow-review-card .flow-status{margin:0 0 18px;padding:10px 4px 19px;border:0;background:none}
.flow-task-v15 .flow-review-card .flow-status:last-child{margin-bottom:0;padding-bottom:8px}
.flow-task-v15 .flow-review-card .flow-status-icon{width:48px;height:48px;margin-bottom:14px;font-size:24px}
.flow-task-v15 .flow-status.pending{border-color:#f2e5cd;background:#fffbf2;color:#bb9b66}
.flow-task-v15 .flow-status.pending .flow-status-icon{border-color:#f4e2bb;background:#fff3d7;color:#d0a765}
.flow-task-v15 .flow-status.pending>b,.flow-task-v15 .flow-status.pending>strong{color:#927038}
.flow-progress-guide{max-width:328px;margin:13px auto 0;border:1px solid #eadfca;border-radius:11px;background:#fffdf8;text-align:left;color:#675631;overflow:hidden}
.flow-progress-guide summary{position:relative;padding:10px 36px 10px 13px;font-size:13px;font-weight:700;line-height:1.5;cursor:pointer;list-style:none}
.flow-progress-guide summary::-webkit-details-marker{display:none}
.flow-progress-guide summary::after{content:'+';position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:19px;font-weight:500;color:#c28a25}
.flow-progress-guide[open] summary::after{content:'−'}
.flow-progress-guide-body{padding:0 10px 10px}
.flow-progress-guide-body p{margin:2px 2px 9px!important;color:#776b55!important;font-size:12px!important;line-height:1.75!important;text-align:left}
.flow-progress-guide-body img{display:block;width:100%;height:auto;border-radius:8px}
.flow-task-v15 .flow-wait{margin:14px 0;padding:12px 13px;border:1px solid #f2e1bb;border-radius:11px;background:#fffbf0;color:#927338;font-size:12px;line-height:1.85;overflow-wrap:anywhere}
.flow-task-v15 .flow-wait .flow-button{min-height:38px;padding:8px 12px;margin-top:10px;font-size:12px}
.flow-task-v15 .flow-accel-intro{margin-top:20px;padding-top:18px;border-top:1px solid #efedf4}
.flow-task-v15 .flow-accel-intro h3{margin:0;color:#655967;font-size:16px;font-weight:750;line-height:1.6}
.flow-task-v15 .flow-accel-intro p{margin:9px 0 0;color:#756978;font-size:12px;line-height:1.85}
.flow-task-v15 .flow-error{margin:11px 0;color:#a85850;font-size:12px;line-height:1.75;overflow-wrap:anywhere}
.flow-task-v15 .flow-error:empty,.flow-task-v15 .flow-progress:empty{display:none}
.flow-task-v15 .flow-progress{margin:11px 0;color:#58795f;font-size:12px;line-height:1.75}
.flow-task-v15 .flow-footnote{margin:16px 0 0;padding:0 8px;color:#7d728b;font-size:10px;line-height:1.9;text-align:center;overflow-wrap:anywhere}
.flow-task-v15 .flow-return-note{margin:0 0 9px;color:#7d728b;font-size:11px;line-height:1.8}
.flow-task-v15 button:focus-visible,.flow-task-v15 summary:focus-visible{outline:3px solid #f4bd72;outline-offset:3px}
.flow-task-v15 .flow-upload:has(+input:focus-visible){outline:3px solid #f4bd72;outline-offset:3px}
@media(max-width:380px){
  .flow-page.flow-task-v15{padding-right:13px;padding-left:13px}
  .flow-task-v15 .flow-top{margin-right:-13px;margin-left:-13px;padding:15px 13px}
  .flow-task-v15 .flow-account{padding:13px 14px;gap:10px}
  .flow-task-v15 .flow-account strong{font-size:14px}
  .flow-task-v15 .flow-account .flow-reward-line{gap:6px;padding-left:0;max-width:none}
  .flow-task-v15 .flow-reward-line img{width:30px;height:30px}
  .flow-task-v15 .flow-reward-line b{font-size:14px}
  .flow-task-v15 .flow-card,.flow-task-v15 .flow-instructions>.flow-instruction-card{padding:19px 17px;border-radius:19px}
  .flow-task-v15 .flow-instructions>.flow-instruction-card:last-child{padding-bottom:19px}
  .flow-task-v15 .flow-instruction-title h3,.flow-task-v15 .flow-step h2{font-size:15px}
  .flow-task-v15 .flow-instructions li>p{font-size:12px}
  .flow-task-v15 .flow-keyword strong,.flow-task-v15 .flow-comment-copy>code{font-size:18px}
  .flow-task-v15 .flow-platform{padding:12px;gap:10px}
  .flow-task-v15 .flow-demo-header>div{word-spacing:1px;font-size:10px}
  .flow-task-v15 .flow-result-demo>span{display:none}
  .flow-task-v15 .flow-demo-title small{float:none;display:block;margin-top:3px}
  .flow-task-v15 .flow-upload{min-height:126px}
  .flow-task-v15 .flow-tutorial{padding:0;border:0;border-radius:0}
}
@media(max-width:340px){
  .flow-page.flow-task-v15{padding-right:11px;padding-left:11px}
  .flow-task-v15 .flow-top{grid-template-columns:64px minmax(0,1fr) 64px;gap:6px;margin-right:-11px;margin-left:-11px;padding:14px 11px}
  .flow-task-v15 .flow-top h1{font-size:19px}
  .flow-task-v15 .flow-top>span{font-size:10px}
  .flow-task-v15 .flow-account{padding:12px;gap:8px;border-radius:16px}
  .flow-task-v15 .flow-account strong{font-size:13px}
  .flow-task-v15 .flow-account .flow-reward-line{max-width:none;padding-left:0;gap:5px}
  .flow-task-v15 .flow-reward-line img{width:27px;height:27px}
  .flow-task-v15 .flow-reward-line b{font-size:12px}
  .flow-task-v15 .flow-task-stages{padding:16px 8px 13px;border-radius:18px}
  .flow-task-v15 .flow-task-stage>b{font-size:10px}
  .flow-task-v15 .flow-card,.flow-task-v15 .flow-instructions>.flow-instruction-card{padding:18px 14px;border-radius:18px}
  .flow-task-v15 .flow-instructions>.flow-instruction-card:last-child{padding-bottom:18px}
  .flow-task-v15 .flow-instruction-title,.flow-task-v15 .flow-step{gap:8px}
  .flow-task-v15 .flow-instruction-title h3,.flow-task-v15 .flow-step h2{font-size:14px}
  .flow-task-v15 .flow-instruction-title>span,.flow-task-v15 .flow-step>span{width:24px;height:24px;min-width:24px;font-size:11px}
  .flow-task-v15 .flow-keyword>div,.flow-task-v15 .flow-comment-copy>code{padding:12px 13px}
  .flow-task-v15 .flow-keyword button,.flow-task-v15 .flow-comment-copy button,.flow-task-v15 .flow-button{font-size:13px;min-height:46px;padding:11px 12px}
  .flow-task-v15 .flow-platform img{width:43px;height:43px;border-radius:10px}
  .flow-task-v15 .flow-platform h2{font-size:17px}
  .flow-task-v15 .flow-search-demo{gap:6px;padding:11px 8px}
  .flow-task-v15 .flow-search-demo>span{font-size:19px}
  .flow-task-v15 .flow-search-demo>div{gap:6px;padding:8px}
  .flow-task-v15 .flow-search-demo b{font-size:11px}
  .flow-task-v15 .flow-demo-header{gap:6px;padding-right:9px;padding-left:9px}
  .flow-task-v15 .flow-demo-app{font-size:11px}
  .flow-task-v15 .flow-demo-header>div{font-size:9px;word-spacing:0}
  .flow-task-v15 .flow-status>b,.flow-task-v15 .flow-status>strong{font-size:15px}
  .flow-task-v15 .flow-tutorial{padding:0;border:0;border-radius:0}
}
@media(prefers-reduced-motion:reduce){.flow-task-v15 .flow-example>summary::after{transition:none}}

/* Task center v21: visible examples, a separate acceleration guide, and review progress. */
.flow-task-v21 .flow-task-stages{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding-right:10px;padding-left:10px}
.flow-task-v21 .flow-task-stage{gap:9px;padding-right:2px;padding-left:2px;min-height:60px}
.flow-task-v21 .flow-task-stage>b{font-size:11px;line-height:1.6;white-space:nowrap;overflow-wrap:normal}
.flow-task-v21 .flow-task-stage:not(:last-child)::after{left:calc(50% + 19px);width:calc(100% - 38px)}
.flow-task-v21 button.flow-task-stage:not(:disabled):hover>b{color:#dc7724}
.flow-task-v21 .flow-task-stage.is-current>b{color:#db781f}
.flow-task-v21 .flow-section-heading h2{font-size:14px;font-weight:750;color:#6c6477}
.flow-task-v21 .flow-example-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;margin:17px 0 0}
.flow-task-v21 .flow-example-figure{display:flex;flex-direction:column;min-width:0;max-width:100%;margin:0;border:1px solid #ece7f0;border-radius:13px;background:#fcfbfe;overflow:hidden}
.flow-task-v21 .flow-example-figure figcaption{margin:0;padding:10px 13px;background:#f7f5fa;color:#776d84;font-size:12px;line-height:1.65;font-weight:650;overflow-wrap:anywhere}
.flow-task-v21 .flow-example-figure>.flow-tutorial-image{display:block;width:100%;max-width:100%;height:auto;margin:0;border:0;border-radius:0;background:#fff;object-fit:contain}
.flow-task-v21 .flow-example-figure>.flow-tutorial-diagram{display:block;flex:none;width:100%;max-width:100%;height:auto;background:#fff}
.flow-task-v21 .flow-example-figure>.flow-demo{width:calc(100% - 20px);max-width:calc(100% - 20px);margin:10px;border-radius:10px;background:#fff}
.flow-task-v21 .flow-example-figure .flow-result-demo{min-height:95px}
.flow-task-v21 .flow-example-figure .flow-comment-demo{padding:16px 13px}
.flow-task-v21 .flow-example-figure .flow-comment-row{padding:21px 0}
.flow-task-v21 .flow-acceleration-guide{scroll-margin-top:88px}
.flow-task-v21 .flow-acceleration-guide>.flow-section-heading{margin:0 0 12px}
.flow-task-v21 .flow-acceleration-guide>.flow-section-heading h2{font-size:16px;line-height:1.6;color:#383643}
.flow-task-v21 .flow-acceleration-guide>p{margin:12px 0 0;color:#65616e;font-size:13px;line-height:1.95;overflow-wrap:anywhere}
.flow-task-v21 .flow-acceleration-guide>p strong{color:#b9681d;font-weight:750}
.flow-task-v21 .flow-video-tutorial-trigger{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;margin:12px 0 18px;padding:14px 18px;border:2px solid #fff;border-radius:16px;background:linear-gradient(105deg,#ffad24 0%,#ff8a1d 48%,#ff6228 100%);box-shadow:0 7px 18px #ed6c2870,0 0 0 2px #ff9b2240;color:#fff;font-family:inherit;font-size:17px;font-weight:900;line-height:1.45;cursor:pointer;text-shadow:0 1px 2px #a8481d70;transition:transform .16s,box-shadow .16s}
.flow-task-v21 .flow-video-tutorial-trigger svg{flex:none;color:#fff;filter:drop-shadow(0 1px 2px #9c471e55)}
.flow-task-v21 .flow-video-tutorial-trigger b{margin-left:4px;font-size:13px;opacity:.9}
.flow-task-v21 .flow-video-tutorial-trigger:active{transform:translateY(1px) scale(.995);box-shadow:0 3px 9px #ed6c2855}
.flow-task-v21 .flow-video-tutorial-trigger:focus-visible{outline:3px solid #f4bd72;outline-offset:3px}
.flow-video-dialog{padding:24px 18px 18px}
.flow-video-dialog>.flow-symbol{display:none}
.flow-video-dialog h2{margin:4px 0 14px}
.flow-video-dialog .flow-video-player{display:block;width:100%;max-height:70vh;border-radius:12px;background:#101116;object-fit:contain}
.flow-video-seekbar{margin:12px 2px 0;padding:8px 2px 2px}
.flow-video-seekbar input[type=range]{display:block;width:100%;height:30px;margin:0;accent-color:#ff8a1d;cursor:pointer;touch-action:pan-y}
.flow-video-seekbar input[type=range]:focus-visible{outline:2px solid #f3a64b;outline-offset:3px;border-radius:8px}
.flow-video-seek-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#716c78;font-size:12px;line-height:1.5}
.flow-video-seek-meta output{font-variant-numeric:tabular-nums;color:#4a4652}
.flow-video-dialog .flow-actions{display:none}
.flow-task-v21 .flow-upload{min-height:126px;padding:18px 15px}
.flow-task-v21 .flow-upload>b{max-width:100%;font-weight:700;font-size:15px;line-height:1.8}
.flow-task-v21 .flow-error{white-space:pre-line}
.flow-task-v21 .flow-upload>small{font-size:12px;line-height:1.8}
.flow-task-v21 .flow-upload-note{padding:12px 13px;font-size:12px;line-height:1.85}
.flow-task-v21 .flow-upload-note strong{font-weight:750;color:#866722}
.flow-dialog:has(.flow-rare-notice){padding:27px 23px 24px;border:1px solid #f0e8df;background:linear-gradient(#fff8eb 0,#fff 135px);color:#4b4656}
.flow-dialog:has(.flow-rare-notice) h2{margin:13px 0 12px;font-size:22px;line-height:1.5;color:#423a4c}
.flow-dialog:has(.flow-rare-notice)>.flow-symbol{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto;border:1px solid #ffdfab;border-radius:20px;background:linear-gradient(145deg,#fff5d6,#ffe3a5);box-shadow:0 6px 16px #cf933018;color:#d38a28;font-size:32px;line-height:1}
.flow-dialog:has(.flow-rare-notice) .flow-rare-icon{display:none}
.flow-rare-notice{min-width:0;overflow-wrap:anywhere}
.flow-rare-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 13px;border:1px solid #ffdfab;border-radius:20px;background:linear-gradient(145deg,#fff5d6,#ffe3a5);box-shadow:0 6px 16px #cf933018;color:#d38a28;font-size:32px;line-height:1}
.flow-rare-icon img,.flow-rare-icon svg{display:block;width:42px;height:42px;object-fit:contain}
.flow-rare-notice p{margin:12px 0 0;padding:16px 15px;border:1px solid #f1e9df;border-radius:13px;background:#fffcf7;color:#766955;font-size:14px;line-height:1.95;text-align:left}
.flow-rare-notice strong{color:#c67925;font-weight:750}
.flow-dialog:has(.flow-rare-notice) .flow-actions{margin-top:20px}
.flow-dialog:has(.flow-rare-notice) .flow-button{min-height:49px;border-radius:12px;background:linear-gradient(100deg,#ff9f19,#ff7a32);box-shadow:0 4px 12px #ff982124;color:#fff}
.flow-dialog:has(.flow-rare-notice) .flow-button.secondary{border:1px solid #e7e5ed;background:#f5f4f9;box-shadow:none;color:#7f7b8e}
.flow-dialog:has(.flow-rare-notice) button:focus-visible{outline:3px solid #f4bd72;outline-offset:3px}
.flow-lottery-award{text-align:center;margin:18px 0 8px;font-size:21px;font-weight:750;color:#4b4656}.flow-lottery-award strong{color:#f08a20;font-size:30px}
@media(max-width:380px){
  .flow-task-v21 .flow-task-stages{padding-right:7px;padding-left:7px}
  .flow-task-v21 .flow-task-stage>b{font-size:11px}
  .flow-task-v21 .flow-acceleration-guide>p{font-size:12px}
  .flow-task-v21 .flow-example-grid{gap:12px}
  .flow-task-v21 .flow-example-figure figcaption{padding:9px 11px;font-size:12px}
  .flow-task-v21 .flow-upload-note{padding:11px 12px;font-size:12px}
}
@media(max-width:340px){
  .flow-task-v21 .flow-task-stages{padding-right:5px;padding-left:5px}
  .flow-task-v21 .flow-task-stage{gap:8px}
  .flow-task-v21 .flow-task-stage>span{width:25px;height:25px;font-size:11px}
  .flow-task-v21 .flow-task-stage:not(:last-child)::after{top:12px;left:calc(50% + 17px);width:calc(100% - 34px)}
  .flow-task-v21 .flow-upload>b{font-size:14px}
  .flow-task-v21 .flow-upload>small{font-size:11px}
  .flow-dialog:has(.flow-rare-notice){padding:24px 18px 21px}
  .flow-dialog:has(.flow-rare-notice) h2{font-size:20px}
  .flow-rare-notice p{padding:13px 12px;font-size:13px}
}