body.reference-flow-active{color-scheme:light;background:#f8f8fa;color:#111}.flow-shell{max-width:520px;min-height:100dvh;margin:auto;font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif;color:#111;line-height:1.5}.flow-shell button{touch-action:manipulation}.flow-icon{width:20px;height:20px;object-fit:contain}.flow-shell p{margin:0}.task-countdown{height:36px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:40;background:linear-gradient(100deg,#f3413b,#ff790d);color:#fff4ce;font-size:14px;box-shadow:0 2px 5px #0001}.task-countdown>span{display:flex;gap:5px;align-items:center}.task-countdown img{width:12px;height:15px}.task-countdown b{background:#ffffff28;letter-spacing:1px;font-size:16px;padding:0 5px;font-variant-numeric:tabular-nums}.task-countdown.expired{background:#cf393e}.task-countdown>button{height:100%;width:100%}.tutorial-content{padding:12px 3px 0 8px}.task-hero,.task-step{background:#fff;border:1px solid #efedf0;border-left:5px solid #999c9d;box-shadow:0 1px 5px #00000006;border-radius:12px;margin-bottom:12px}.task-hero{min-height:162px;text-align:center;padding:14px 8px 17px}.task-hero h1{font-size:28px;font-weight:900;line-height:50px;color:#ffef00;-webkit-text-stroke:1.7px #000;paint-order:stroke fill;text-shadow:1px 2px #000}.task-hero p{color:#d35154;font-size:16px;font-weight:500;margin-top:3px}.task-step{padding:10px 14px 18px}.step-title{display:flex;align-items:center;gap:8px;font-size:15.5px;line-height:23px;font-weight:500;letter-spacing:.1px;margin:0 0 12px}.step-title>span{width:24px;height:24px;border-radius:50%;background:#ee4640;color:white;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;font-weight:400}.task-box{border-radius:13px;background:#faf9fb;border:1px solid #f5f3f6;padding:10px 12px}.comment-box{background:white;border:1px solid #efedf0;border-radius:11px;padding:9px}.comment-box p{background:#f7f9fa;border-radius:22px;padding:6px 13px;min-height:48px;font-size:14px;line-height:20px;overflow-wrap:anywhere}.copy-comment{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px auto 0;border-radius:24px;background:#209bf0;color:white;width:179px;height:41px;font-size:16px}.copy-comment img{width:16px;height:17px}.step-one .task-box{padding-bottom:10px}.step-two{padding-bottom:14px}.step-two .step-title{margin-bottom:12px}.douyin-task{padding:14px 18px 18px}.douyin-task-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.search-keyword{background:#f4f5f6;border-radius:20px;padding:7px 14px;font-size:16px;font-weight:500;white-space:nowrap}.jump-douyin{height:64px;width:64px;border-radius:15px;background:#169df3;box-shadow:0 2px 8px #d8a45855;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;flex-shrink:0;font-size:12px;gap:1px}.jump-douyin img{width:23px;height:23px}.task-warning{font-size:14px;line-height:22px;font-weight:500;color:#de5860;margin-top:13px!important}.task-warning img{width:17px;height:18px;display:inline;vertical-align:-4px;margin-right:7px}.douyin-help:empty{display:none}.flow-shell .douyin-help{font-size:12px;color:#666}.example-label{display:flex;align-items:center;justify-content:center;gap:5px;color:#0076d0;font-size:14px;margin:12px 0 12px!important}.example-label img{height:16px;width:15px}.example-image{display:block;width:100%;border-radius:9px;overflow:hidden}.example-image>img{width:100%;height:auto;display:block}.step-three{padding-bottom:17px}.step-three .step-title{margin-bottom:9px;font-size:15px;gap:8px;white-space:nowrap}.step-three>p{font-size:14px;line-height:22px}.submit-entry{height:54px;width:222px;max-width:100%;border-radius:32px;background:linear-gradient(115deg,#234edb,#7533f4);color:#fff;font-size:19px;font-weight:500;letter-spacing:1px;display:block;margin:10px auto 9px}.task-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 5px;margin-top:15px;border-radius:18px;overflow:hidden}.task-banners img{display:block;width:100%;height:auto;aspect-ratio:216/123;object-fit:cover}.task-banners button{display:block;min-width:0}.task-footer{display:block;color:#222;text-align:center;font-size:12px;border:0;margin-top:15px;padding:18px 0 6px}.flow-preview-note{padding:12px 16px;color:#777;font-size:11px;text-align:center;line-height:1.65}.flow-preview-note summary{cursor:pointer}.flow-preview-note p{margin-top:7px}.flow-home-link{display:block;margin:0 auto;padding:12px;color:#777;font-size:12px;text-decoration:underline}.activity-preview{position:fixed;right:max(10px,calc((100vw - 500px)/2));bottom:116px;height:44px;max-width:225px;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#2d2c2de8;color:#bdbdbd;border-radius:28px;z-index:41;font-size:10px;box-shadow:0 2px 5px #0004;pointer-events:none;animation:reference-activity 16s infinite;opacity:0;transform:translateX(120%)}.activity-preview img{width:29px;height:29px;border-radius:50%;border:3px solid white}.activity-preview b{color:#e0bd43;font-size:10px}.activity-preview span{white-space:nowrap;overflow:hidden}@keyframes reference-activity{0%,55%,100%{opacity:0;transform:translateX(120%)}60%,85%{opacity:1;transform:translateX(0)}90%{opacity:0;transform:translateX(120%)}}
.upload-content{padding:20px 16px 30px}.upload-hero{background:linear-gradient(115deg,#571ac1,#1b4ca6);border-radius:23px 23px 3px 3px;color:white;text-align:center;padding:22px 12px 25px;min-height:133px;margin-bottom:22px}.upload-hero h1{font-size:23px;line-height:1.5;margin:0 0 10px}.upload-hero p{font-size:17px;margin-bottom:9px}.upload-hero small{font-size:12px;color:#e2d6ff}.upload-panel{background:#fff;border-radius:16px;padding:20px 16px;border:1px solid #eee}.upload-panel h2{font-size:20px;margin:0 0 4px}.upload-instruction{font-size:14px;color:#666}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 12px}.shot-slot{border:1px dashed #bfc0cd;aspect-ratio:1.18;border-radius:13px;min-width:0;position:relative;background:#f8f8fc}.shot-slot.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#7d798c;font-size:13px}.shot-slot.empty .flow-icon{width:30px;height:30px;opacity:.45}.shot-slot.filled{border-style:solid;overflow:hidden}.shot-slot.filled>button:first-child,.shot-slot.filled>button:first-child img{width:100%;height:100%;display:block;object-fit:cover}.remove-shot{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#000b;color:white}.remove-shot .flow-icon{width:17px;height:17px;filter:invert(1)}.shot-slot.filled>span{position:absolute;bottom:0;left:0;right:0;background:#0009;color:white;text-align:center;font-size:12px;pointer-events:none}.shot-count{font-size:14px;color:#777;text-align:center}.shot-count strong{color:#7142db}.shot-feedback{min-height:24px;color:#c44545;font-size:13px;line-height:20px;margin:8px 0!important}.upload-submit{display:block;width:100%;min-height:48px;border-radius:24px;background:linear-gradient(110deg,#2d52db,#7035ea);color:white;font-size:16px;padding:8px}.upload-preview-disclosure{font-size:12px;color:#817a8f;line-height:1.7;margin-top:12px!important}.upload-notes{font-size:13px;line-height:1.8;padding:24px 12px;color:#777}.upload-notes h2{font-size:15px;color:#333}.upload-notes ol{padding-left:18px}.flow-overlay{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:20px;background:#0008;backdrop-filter:blur(5px)}.flow-dialog{color:#111;background:#fff;border-radius:24px;width:100%;max-width:380px;max-height:calc(100dvh - 42px);overflow:auto;outline:0;box-shadow:0 9px 20px #0002;font-family:Arial,"Noto Sans SC",sans-serif}.approval-dialog{width:318px;max-width:calc(100vw - 78px);border-radius:32px;padding:36px 20px 19px;text-align:center;box-shadow:0 12px 23px #0002;overflow:visible}.approval-icon{width:63px;height:62px;margin:0 auto 16px}.approval-dialog h2{font-size:23px;font-weight:600;line-height:31px;margin:0 0 8px;letter-spacing:.5px;white-space:nowrap}.approval-dialog p{color:#666;font-size:16px;line-height:23px;margin:0 0 25px}.approval-go{background:linear-gradient(105deg,#0eb78b,#00a876);color:white;display:block;width:100%;height:44px;border-radius:28px;font-size:17px;font-weight:500;letter-spacing:1px}.approval-disclosure{position:absolute;bottom:10px;left:0;right:0;color:white;font-size:11px;text-align:center;text-shadow:0 1px 3px #000}.image-dialog,.info-dialog{padding:22px}.image-dialog h2,.info-dialog h2{font-size:20px;margin:0 0 16px}.shot-large{max-height:65dvh;width:100%;object-fit:contain;background:#f5f5f5}.flow-neutral{display:block;text-align:center;padding:12px;border-radius:24px;background:#7041dc;color:white;margin-top:16px;width:100%;font-size:15px}.flow-neutral.secondary{background:#f0edf8;color:#604193}.info-dialog p{font-size:14px;color:#777;line-height:1.8;margin-bottom:10px}
.flow-resources{background:#7d30ed;color:white}.resource-destination{padding:0 19px;position:relative;min-height:100dvh;isolation:isolate;overflow:hidden;background:#7d30ed;color:#fff;text-align:center}.resource-upper{position:absolute;inset:0 0 auto;height:179px;background:#d9d1e4;z-index:-2}.resource-wave{position:absolute;top:140px;left:-50%;width:200%;height:65px;background-image:url('/assets/reference-v6/wave.png');background-repeat:repeat-x;background-size:50% 100%;z-index:-1;animation:reference-wave 9s ease-in-out infinite alternate}@keyframes reference-wave{from{transform:translateX(-10%)}to{transform:translateX(10%)}}.destination-tools{position:absolute;left:19px;right:14px;top:22px;display:flex;justify-content:space-between}.destination-tools>button,.destination-tools>div{display:flex;align-items:center;justify-content:center;height:36px;border-radius:22px;background:#050307;color:white}.destination-tools>button{width:36px}.destination-tools>div{padding:0 3px}.destination-tools>div button{width:34px;height:36px;display:grid;place-items:center}.destination-tools .flow-icon{filter:invert(1);height:21px;width:21px}.destination-tools [aria-pressed=true] .flow-icon{filter:invert(79%) sepia(76%) saturate(500%)}.resource-profile{position:relative;padding-top:66px}.resource-avatar{width:94px;height:94px;border-radius:50%;margin:auto;object-fit:cover;border:1px solid white}.resource-profile h1{font-size:16px;font-weight:600;line-height:23px;margin:15px 0 4px}.resource-profile p{font-size:14px;line-height:18px;letter-spacing:.2px;max-width:370px;margin:auto}.profile-link{background:#ffffff2a;border-radius:30px;display:flex;align-items:center;gap:8px;margin:14px auto 0;padding:7px 12px;font-size:14px;height:35px}.profile-link .flow-icon{filter:invert(1);width:15px;height:15px}.drive-buttons{display:flex;flex-direction:column;gap:20px;margin-top:33px}.drive-buttons>button{min-height:57px;padding:5px 14px 5px 6px;background:#fff;color:#171717;display:grid;grid-template-columns:43px 1fr 15px;gap:8px;align-items:center;border-radius:40px;box-shadow:0 1px 0 #8884;font-size:16px;line-height:19px}.drive-buttons>button:nth-child(2){min-height:63px}.drive-buttons>button>img:first-child{width:43px;height:43px;object-fit:contain;border-radius:50%}.drive-buttons>button:nth-child(2)>img:first-child{width:36px;height:36px;margin-left:4px}.drive-buttons .flow-icon{width:14px;height:14px;opacity:.6}.destination-brand{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0;margin:49px 0 0;border:0}.destination-brand>img{width:82px;height:20px;object-fit:contain}.destination-brand>button{font-size:12px;color:#b195d1}.flow-resources .flow-preview-note{background:#7d30ed;color:#d6bffa}
.task-hero h1{-webkit-text-stroke:2.2px #000}.step-title{font-weight:600}.step-one .step-title,.step-two .step-title{margin-bottom:8px}.comment-box p{font-family:"Noto Sans SC",Arial,sans-serif;font-size:13px;letter-spacing:.6px}.search-keyword{font-weight:600}
.approval-dialog{max-width:calc(100vw - 70px);padding-top:35px}.approval-dialog h2{font-size:22px;line-height:30px}.approval-dialog p{margin-bottom:21px}.resource-destination{padding-right:13px}.resource-wave{left:-15%;width:130%;background-size:100% 100%;background-repeat:no-repeat;animation:reference-wave-smooth 9s ease-in-out infinite alternate}@keyframes reference-wave-smooth{from{transform:translateX(-5%) scaleY(.94)}to{transform:translateX(5%) scaleY(1.06)}}.profile-link{margin-top:11px}.drive-buttons{margin-top:32px}.drive-buttons>button>span{max-width:230px;justify-self:center;font-weight:500}
.comment-box p{font-family:"Courier New","Noto Sans SC",sans-serif;font-size:14px;letter-spacing:0}.drive-buttons>button>span{max-width:216px}.task-warning{font-weight:600}
.resource-wave{left:-5%;width:110%;background:none}.resource-wave::before,.resource-wave::after{content:"";position:absolute;top:0;width:50%;height:100%;background:url('/assets/reference-v6/wave.png') center/100% 100% no-repeat}.resource-wave::before{left:0}.resource-wave::after{right:0;transform:scaleX(-1)}@keyframes reference-wave-smooth{from{transform:translateX(-4%) scaleY(.94)}to{transform:translateX(4%) scaleY(1.06)}}
.task-banners button:nth-child(n+3) img{aspect-ratio:216/117}
@media(max-width:360px){.task-hero h1{font-size:25px;line-height:45px}.task-hero{min-height:150px}.task-step{padding-inline:11px}.step-title{font-size:13px;gap:6px}.step-three .step-title{font-size:12px}.search-keyword{font-size:13px;padding-inline:9px}.douyin-task{padding-inline:12px}.comment-box p{padding-inline:8px;font-size:12px}.approval-dialog{max-width:calc(100vw - 38px);padding-inline:15px}.approval-dialog h2{font-size:21px}.resource-profile p{font-size:12px;letter-spacing:0}.drive-buttons>button{font-size:14px;grid-template-columns:36px 1fr 12px;gap:5px}.resource-destination{padding-inline:15px}.drive-buttons>button>img:first-child{width:36px;height:36px}}
@media(max-height:430px){.approval-dialog{padding-top:20px;padding-bottom:16px;max-height:calc(100dvh - 36px);overflow:auto}.approval-icon{height:48px;width:49px;margin-bottom:10px}.approval-dialog h2{font-size:20px}.approval-dialog p{margin-bottom:15px;font-size:14px}.approval-disclosure{bottom:2px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.resource-wave,.activity-preview{animation:none}.activity-preview{display:none}}
/* Three screenshots now enter the resource page directly, without a review stage. */
.upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.shot-slot{aspect-ratio:.88}.shot-slot.empty{font-size:11px;gap:8px}.shot-slot.empty .flow-icon{width:27px;height:27px}.upload-instruction{line-height:1.7}.upload-submit:disabled{opacity:.6;cursor:wait}.shot-slot:disabled{opacity:.65}.upload-preview-disclosure{font-size:11px}
@media(max-width:360px){.upload-content{padding-inline:12px}.upload-panel{padding-inline:12px}.upload-hero h1{font-size:21px}.upload-grid{gap:7px}.shot-slot.empty{font-size:10px}}

.task-hero{display:flex;flex-direction:column;align-items:center;justify-content:center}.task-countdown{letter-spacing:.5px}.task-countdown [hidden]{display:none}.resource-profile:has(.resource-avatar[alt="UC网盘"]){padding-top:80px}.search-keyword{white-space:normal;overflow-wrap:anywhere}.step-three .step-title{white-space:normal}.upload-hero{min-height:116px}
.comment-box p{font-size:16px;line-height:20px}