:root{color:#182132;background:#eef2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}html,body,#app{min-height:100%}html{touch-action:manipulation}body{margin:0;overflow-x:hidden;background:#eef2f5;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}input,select,textarea{font-size:16px}button{cursor:pointer;touch-action:manipulation}.page{width:100%;min-height:100dvh;max-width:480px;margin:0 auto;padding:calc(10px + env(safe-area-inset-top)) 12px calc(76px + env(safe-area-inset-bottom));background:#f6f8fb}.topbar{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:10px;min-height:58px;margin:0 -12px 8px;padding:calc(8px + env(safe-area-inset-top)) 12px 10px;background:#f6f8fbf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-back-only{min-height:46px;margin-bottom:4px;padding-bottom:6px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.icon-button{flex:0 0 auto;width:34px;height:34px;border:1px solid #dbe3ee;border-radius:8px;color:#182132;background:#fff;font-size:22px;line-height:28px}.eyebrow{margin:0 0 3px;color:#687386;font-size:11px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:22px;line-height:1.25}h2{margin-bottom:8px;font-size:17px;line-height:1.35}h3{margin-bottom:10px;font-size:16px}.screen{display:grid;gap:12px}.login-screen{position:relative;min-height:calc(100dvh - 98px);align-content:start;gap:16px;padding:42px 12px 24px;background:#fff;overflow:hidden}.login-brand{position:relative;z-index:1;display:grid;place-items:center;min-height:116px}.brand-logo{width:min(78vw,260px);height:auto;overflow:visible}.brand-logo-left{animation:brand-slide-left .52s ease-out both}.brand-logo-right{animation:brand-slide-right .52s ease-out 80ms both}.brand-mark path{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.brand-mark circle:not(:first-child){fill:#fff}.brand-word text:first-child{fill:#050505;font-size:27px;font-weight:900;letter-spacing:0}.brand-word text:last-child{fill:#647084;font-size:12px;font-weight:700;letter-spacing:0}@keyframes brand-slide-left{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes brand-slide-right{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.login-card{position:relative;z-index:1;display:grid;gap:16px;margin-top:10px}.login-copy{display:grid;justify-items:center;gap:6px;margin-bottom:8px;text-align:center}.login-copy h2{margin:0;color:#050505;font-size:18px;line-height:1.3}.login-copy p{margin:0;color:#202124;font-size:16px;line-height:1.45}.login-card label{display:grid}.login-card input{width:100%;min-height:44px;padding:0 16px;border:1px solid #dedede;border-radius:8px;color:#111;background:#fff;font-size:16px;outline:0}.login-card input::placeholder{color:#8a8a8a}.login-card input:focus{border-color:#111;box-shadow:0 0 0 3px #00000014}.login-card .primary-button{min-height:44px;border-radius:8px;color:#fff;background:#2455d6;font-size:16px}.login-card .primary-button,.login-card .primary-button:disabled{color:#fff;background:#2455d6}.login-card .primary-button:disabled,.social-login-button:disabled{cursor:not-allowed;opacity:.45}.login-divider{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;color:#8a8a8a;font-size:16px}.login-divider:before,.login-divider:after{height:1px;background:#e7e7e7;content:""}.social-login-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;border:0;border-radius:8px;color:#111;background:#eee;font-size:16px;font-weight:500}.wechat-logo{width:23px;height:23px}.login-agreement{position:relative;z-index:1;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:flex-start;gap:8px;margin:10px 6px 0;color:#8a8a8a;font-size:13px;line-height:1.55}.login-agreement input{width:16px;height:16px;margin:2px 0 0;accent-color:#111111}.login-agreement button{padding:0;border:0;color:#111;background:transparent}.login-tech-scene{position:absolute;right:0;bottom:24px;left:0;z-index:0;height:34%;min-height:210px;pointer-events:none;opacity:.62}.login-tech-scene:before{position:absolute;right:9%;bottom:12%;left:9%;height:58%;border:1px solid rgb(36 85 214 / 10%);border-radius:8px;background:linear-gradient(90deg,rgb(36 85 214 / 5%) 1px,transparent 1px),linear-gradient(180deg,rgb(7 193 96 / 5%) 1px,transparent 1px);background-size:34px 34px;content:"";-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%)}.tech-line{position:absolute;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgb(36 85 214 / 26%),rgb(7 193 96 / 18%),transparent);transform-origin:left center}.line-a{right:15%;bottom:64%;left:18%;animation:tech-line-drift 5.8s ease-in-out infinite}.line-b{right:22%;bottom:42%;left:30%;animation:tech-line-drift 6.6s ease-in-out .9s infinite}.line-c{right:28%;bottom:22%;left:15%;animation:tech-line-drift 7.2s ease-in-out .4s infinite}.tech-node{position:absolute;width:7px;height:7px;border-radius:999px;background:#fff;box-shadow:0 0 0 4px #2455d61a,0 0 14px #2455d63d}.node-a{left:22%;bottom:62%;animation:tech-node-pulse 2.8s ease-in-out infinite}.node-b{right:24%;bottom:40%;animation:tech-node-pulse 3.2s ease-in-out .8s infinite}.node-c{left:38%;bottom:20%;animation:tech-node-pulse 3.4s ease-in-out .5s infinite}.tech-scan{position:absolute;right:16%;bottom:11%;left:16%;height:42px;border-radius:999px;background:radial-gradient(circle,rgb(7 193 96 / 12%) 0%,rgb(36 85 214 / 9%) 34%,transparent 72%);filter:blur(1px);animation:tech-scan-float 5.4s ease-in-out infinite}@keyframes tech-line-drift{0%,to{opacity:.42;transform:translate(-3px)}50%{opacity:.78;transform:translate(6px)}}@keyframes tech-node-pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.18)}}@keyframes tech-scan-float{0%,to{opacity:.28;transform:translateY(8px)}50%{opacity:.55;transform:translateY(-8px)}}.hero-panel,.task-card,.detail-panel,.rule-panel,.steps-panel,.asset-panel,.form-panel,.record-card,.filter-panel,.module-card,.income-overview,.course-search-panel,.course-detail-head,.course-richtext,.course-card,.shortcut-entry,.wechat-panel,.profile-card,.invite-card,.invite-link-panel,.poster-section,.rebate-panel,.guide-list article{border:1px solid #e0e6ef;border-radius:8px;background:#fff;box-shadow:0 8px 22px #1821320a}.hero-panel{display:grid;gap:8px;padding:18px;color:#fff;background:#243449}.hero-panel.compact{background:#25444a}.academy-hero{background:#314766}.hero-panel span,.wallet-hero span{opacity:.88;font-size:13px}.hero-panel strong{font-size:21px;line-height:1.35}.hero-panel p,.wallet-hero p{margin-bottom:0;opacity:.88;line-height:1.6}.task-banner-carousel{position:relative;touch-action:pan-y}.task-banner-slide{position:relative;display:grid;width:100%;aspect-ratio:3 / 1;overflow:hidden;align-content:center;gap:8px;padding:18px;border:0;border-radius:8px;color:#fff;background:#243449 center / cover no-repeat;text-align:left;box-shadow:0 8px 22px #1821320a}.task-banner-slide:before{position:absolute;inset:0;background:linear-gradient(90deg,#101e34c7,#101e3461);content:""}.task-banner-slide span,.task-banner-slide strong,.task-banner-slide p{position:relative;z-index:1}.task-banner-slide span{opacity:.88;font-size:13px}.task-banner-slide strong{display:-webkit-box;overflow:hidden;max-width:92%;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:21px;line-height:1.35}.task-banner-slide p{display:-webkit-box;overflow:hidden;max-width:92%;margin-bottom:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;opacity:.88;line-height:1.6}.task-banner-dots{position:absolute;right:14px;bottom:12px;z-index:2;display:flex;gap:5px}.task-banner-dots button{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:#ffffff75}.task-banner-dots button.active{width:16px;background:#fff}.task-list,.record-list,.course-list,.guide-list{display:grid;gap:10px}.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.shortcut-entry{display:grid;min-height:74px;padding:10px 6px;place-items:center;border:0;color:#273247;font-size:12px;font-weight:800}.shortcut-entry-icon{display:grid;width:34px;height:34px;overflow:hidden;place-items:center;border-radius:10px;color:#2455d6;background:#eef3ff;font-weight:900}.shortcut-entry-icon img{width:100%;height:100%;object-fit:cover}.shortcut-entry-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.shortcut-entry strong{font-size:12px}.task-filter-panel,.course-search-panel,.filter-panel,.form-panel{display:grid;gap:12px;padding:14px;border:1px solid #e0e6ef;border-radius:8px;background:#fff}.task-filter-panel input,.asset-toolbar input,.task-search-field input,.course-search-field input,.filter-panel input,.filter-panel select,.form-panel input,.form-panel select{width:100%;min-height:44px;padding:0 12px;border:1px solid #d7dfeb;border-radius:8px;color:#182132;background:#fff;outline:0}.task-filter-panel input:focus,.task-search-field input:focus,.course-search-field input:focus,.filter-panel input:focus,.filter-panel select:focus,.form-panel input:focus,.form-panel select:focus{border-color:#4f7cff;box-shadow:0 0 0 3px #4f7cff1f}.task-search-field,.course-search-field{position:relative;display:block}.task-search-field input,.course-search-field input{padding-right:44px}.task-search-field span,.course-search-field span{position:absolute;top:50%;right:12px;display:grid;width:22px;height:22px;place-items:center;color:#6b7890;pointer-events:none;transform:translateY(-50%)}.task-search-field svg,.course-search-field svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;fill:none}.course-categories,.poster-template-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scroll-behavior:smooth;scroll-padding-inline:14px;scrollbar-width:none}.course-categories::-webkit-scrollbar{display:none}.category-segmented{display:flex;grid-auto-flow:initial;grid-auto-columns:initial;gap:8px;overflow-x:auto;padding-bottom:2px;scroll-behavior:smooth;scroll-padding-inline:14px;scrollbar-width:none}.category-segmented::-webkit-scrollbar{display:none}.course-categories button,.poster-template-tabs button,.segmented button{min-height:36px;border:1px solid #d7dfeb;border-radius:8px;color:#4e5b70;background:#f7f9fc;font-size:13px;font-weight:800;white-space:nowrap}.category-segmented button{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;width:auto;padding:0 12px}.category-segmented img{width:18px;height:18px;border-radius:6px;object-fit:cover}.course-categories button,.poster-template-tabs button{flex:0 0 auto;padding:0 12px}.course-categories button.active,.poster-template-tabs button.active,.segmented button.active{border-color:#b7c6ff;color:#2455d6;background:#eef3ff}.course-categories b{margin-left:4px;font-size:12px}.course-card,.course-detail-head,.task-card{display:grid;gap:10px;padding:16px}.task-card-body{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:start}.product-thumb{display:grid;aspect-ratio:1;overflow:hidden;place-items:center;border-radius:8px;color:#fff;background:#1e3b77;font-size:26px;font-weight:900}.product-thumb img{width:100%;height:100%;object-fit:cover}.task-card-copy{display:grid;min-width:0;gap:8px}.task-card-copy h2{overflow:hidden;margin-bottom:0;font-size:17px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.task-card-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.course-card p,.course-detail-head p,.task-card p,.detail-panel p,.rule-panel p,.form-panel p,.record-card p{margin-bottom:0;color:#687386;line-height:1.58}.course-meta,.task-meta{display:flex;flex-wrap:wrap;gap:8px;color:#687386;font-size:12px}.course-richtext{padding:18px;color:#354154;line-height:1.78}.course-richtext h2,.course-richtext h3{color:#182132}.course-richtext h2{font-size:20px}.course-richtext ul,.course-richtext ol{padding-left:20px}.course-richtext blockquote{margin:14px 0 0;padding:12px;border-left:4px solid #2b7a78;border-radius:8px;color:#225d5b;background:#edf8f7}.course-richtext figure{margin:16px 0}.course-richtext img,.course-richtext video{display:block;width:100%;max-width:100%;border-radius:8px;background:#e5e7eb}.course-richtext video{max-height:62vh}.course-richtext figcaption{margin-top:8px;color:#8792a2;font-size:12px;line-height:1.5;text-align:center}.segmented{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;overflow-x:auto}.segmented button{padding:0 8px}.task-card-head{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;color:#176a5d;background:#e8f6f3;font-size:12px;font-weight:800}.pill.muted{color:#2455d6;background:#eef3ff}.detail-panel,.rule-panel,.steps-panel,.asset-panel{padding:16px}.rule-panel dl{display:grid;gap:10px;margin:0}.rule-panel dl div{display:flex;justify-content:space-between;gap:14px}.rule-panel dt{color:#687386}.rule-panel dd{margin:0;color:#182132;font-weight:800;text-align:right}.steps-panel ol,.rebate-panel ol{display:grid;gap:10px;margin:0;padding-left:20px;color:#4e5b70;line-height:1.55}.asset-panel{display:grid;gap:12px;border-color:#c8d4fb;background:#f5f7ff}.asset-panel h3{margin-bottom:0}.asset-row{display:grid;gap:8px}.asset-row span,.form-panel label span,.filter-panel label span{color:#687386;font-size:13px}.asset-row p{overflow-wrap:anywhere;margin-bottom:0;padding:10px;border-radius:8px;background:#fff;line-height:1.5}.asset-row button,.qr-wrap button,.asset-toolbar button{min-height:38px;border:1px solid #c8d4fb;border-radius:8px;color:#2455d6;background:#fff;font-weight:800}.qr-wrap{display:grid;justify-items:center;gap:10px;padding:12px;border-radius:8px;background:#fff}.qr-wrap img{width:148px;height:148px;object-fit:contain}.income-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:18px;color:#fff;background:#22465b}.income-overview span,.module-head span,.setting-row span,.invite-teaser span{display:block;margin-bottom:6px;color:#687386;font-size:13px}.income-overview span,.income-overview p{color:#ffffffc7}.income-overview strong{display:block;font-size:34px;line-height:1.08}.income-overview p{margin:8px 0 0;line-height:1.5}.income-overview button{min-height:38px;padding:0 12px;border:0;border-radius:8px;color:#22465b;background:#fff;font-weight:900}.income-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.income-summary article{min-height:82px;padding:14px;border:1px solid #e0e6ef;border-radius:8px;background:#fff}.income-summary span,.record-card span,.record-card small{color:#687386;font-size:13px}.income-summary span{display:block;margin-bottom:8px}.income-summary strong{display:block;font-size:19px;line-height:1.2}.income-breakdown article:first-child{border-left:4px solid #2b7a78}.income-breakdown article:nth-child(2){border-left:4px solid #4f7cff}.income-breakdown article:nth-child(3){border-left:4px solid #d48b28}.income-breakdown article:nth-child(4){border-left:4px solid #8792a2}.filter-panel label,.form-panel label{display:grid;gap:6px}.income-filter-panel{gap:12px;padding:12px;overflow:hidden;background:#fff}.income-filter-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.income-filter-top h2{margin:0;font-size:16px;line-height:1.25}.income-filter-top p{overflow:hidden;margin:4px 0 0;color:#687386;font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.income-filter-top .text-button{min-height:32px;padding:0 12px;border:1px solid #c8d4fb;border-radius:8px;color:#2455d6;font-size:13px;font-weight:900;background:#f5f7ff;white-space:nowrap}.income-date-segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:3px;border-radius:10px;background:#f3f6fb}.income-date-segmented button{min-width:0;min-height:32px;padding:0 6px;border:0;border-radius:8px;color:#526078;background:transparent;font-size:13px;font-weight:800}.income-date-segmented button.active{color:#2455d6;background:#fff;box-shadow:0 3px 10px #2455d61f}.income-filter-fields{display:grid;gap:8px;padding:10px;border-radius:10px;background:#f7f9fc}.income-date-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.income-filter-field{gap:5px}.income-filter-panel input,.income-filter-panel select{width:100%;min-height:38px;padding:0 10px;border:1px solid #d8e0ee;border-radius:8px;color:#182132;background-color:#fff;font-size:16px;line-height:1.2;appearance:none;-webkit-appearance:none}.income-filter-panel select{padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,#687386 50%),linear-gradient(135deg,#687386 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.income-filter-panel input[type=date]{min-width:0}.income-filter-panel input[type=date]::-webkit-date-and-time-value{min-height:1.2em;text-align:left}.income-filter-panel input[type=date]::-webkit-calendar-picker-indicator{opacity:.72}.compact-query-button{min-height:38px;border-radius:8px}.compact-title h2{margin:0;font-size:16px}.form-panel .check-row{display:flex;align-items:center;gap:8px}.form-panel .check-row input{width:18px;min-height:18px}.code-row{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:8px}.code-row button{min-height:44px;border:1px solid #c8d4fb;border-radius:8px;color:#2455d6;background:#eef3ff;font-weight:800}.record-card{display:grid;gap:8px;padding:14px}.record-card div{display:flex;align-items:center;justify-content:space-between;gap:12px}.record-card strong{color:#176a5d;font-size:18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title h2{margin:4px 0 0}.section-title span{color:#687386;font-size:13px}.tools-screen{padding-bottom:8px}.tools-hero{position:relative;display:grid;gap:14px;align-items:end;overflow:hidden;padding:18px;color:#fff;background:#14233f;border-radius:0 0 14px 14px}.tools-hero:after{display:none}.tools-hero span,.image-workbench-head span,.image-upload-box span,.prompt-field span{display:block;color:#687386;font-size:13px;font-weight:800}.tools-hero span{color:#ffffffc7}.tools-hero strong{display:block;margin-top:6px;font-size:24px;line-height:1.15}.tools-hero p{margin:8px 0 0;color:#ffffffc7;line-height:1.52}.image-tool-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;border:1px solid #dfe7f2;border-radius:10px;background:#fff}.image-tool-tabs button{min-height:36px;border:0;border-radius:8px;color:#526078;background:transparent;font-size:13px;font-weight:900}.image-tool-tabs button.active{color:#2455d6;background:#eef3ff}.image-workbench{display:grid;gap:12px;padding:16px;border:1px solid #dfe7f2;border-radius:8px;background:#fff}.image-workbench-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:12px}.exit-template-button{justify-self:end;white-space:nowrap}.image-workbench-head h2{margin:4px 0 0;font-size:18px}.image-credit-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;color:#2455d6;background:#eef3ff;font-size:13px;font-weight:900}.image-credit-strip strong{color:#176a5d;white-space:nowrap}.prompt-field{display:grid;gap:8px}.prompt-field textarea{width:100%;min-height:132px;resize:vertical;padding:12px;border:1px solid #d7dfeb;border-radius:8px;color:#182132;background:#fbfcfe;line-height:1.55;outline:0}.prompt-field textarea:focus{border-color:#4f7cff;box-shadow:0 0 0 3px #4f7cff1f}.image-upload-box{display:grid;gap:5px;padding:14px;border:1px dashed #b9c7dc;border-radius:8px;background:#f7f9fc}.image-upload-box input{display:none}.image-upload-box strong{color:#2455d6;font-size:15px}.image-upload-box p,.generated-image-panel p,.image-template-card p,.image-record-card p,.image-record-card small,.image-generating-state p{margin:0;color:#687386;line-height:1.5}.reference-preview{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border-radius:8px;background:#f3f6fb}.reference-preview img{width:74px;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#dbe3ee}.reference-preview button{justify-self:start;min-height:34px;padding:0 12px;border:1px solid #d7dfeb;border-radius:8px;color:#4e5b70;background:#fff;font-weight:800}.image-generating-state{display:grid;justify-items:center;gap:8px;padding:18px;text-align:center}.image-generating-state span{width:32px;height:32px;border:3px solid #dce5ff;border-top-color:#2455d6;border-radius:50%;animation:spin .78s linear infinite}.image-generating-state strong{font-size:16px}.generated-image-panel{display:grid;gap:10px;padding:14px}.generated-image-panel img{width:100%;max-height:72vh;object-fit:contain;border-radius:8px;background:#eef2f5}.image-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-template-card{display:grid;gap:9px;padding:10px;border:1px solid #e0e6ef;border-radius:8px;background:#fff}.image-template-cover{display:grid;aspect-ratio:1;overflow:hidden;place-items:center;border-radius:8px;color:#fff;background:#1e3b77;font-size:22px;font-weight:900}.image-template-cover img{width:100%;height:100%;object-fit:cover}.image-template-card h3{overflow:hidden;margin:0 0 5px;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.image-template-card p,.image-record-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px}.image-record-list{display:grid;gap:10px}.image-record-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;width:100%}.refresh-button{min-width:74px;justify-content:center}.image-record-card{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:center;padding:10px 86px 10px 10px;border:1px solid #e0e6ef;border-radius:8px;background:#fff;cursor:pointer}.image-record-card img,.image-record-failed{width:74px;aspect-ratio:1;border-radius:8px;background:#eef2f5;object-fit:cover}.image-record-failed{display:grid;place-items:center;color:#9a3412;background:#fff7ed;font-weight:900}.image-record-card strong{display:block;margin-bottom:5px;font-size:15px}.record-regenerate-button{position:absolute;top:10px;right:10px;min-height:28px;padding:0 9px;border:1px solid #cfe0ff;border-radius:8px;color:#2455d6;background:#f5f8ff;font-size:12px;font-weight:900}.poster-preview-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));background:#0f172ab8}.poster-preview-dialog{position:relative;display:grid;width:min(100%,360px);gap:10px;justify-items:center}.poster-preview-dialog button{justify-self:end;min-height:34px;padding:0 12px;border:1px solid rgb(255 255 255 / 35%);border-radius:8px;color:#fff;background:#ffffff1f;font-weight:900}.poster-preview-dialog img{width:100%;aspect-ratio:3 / 4;object-fit:contain;border-radius:8px;background:#fff}.image-record-preview-dialog{width:min(100%,430px)}.image-record-preview-dialog img{max-height:76vh;aspect-ratio:auto}.poster-preview-dialog p{margin:0;color:#fff;font-size:14px;font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}.mine-screen{gap:12px}.mine-profile{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border-radius:8px;color:#fff;background:#243449}.mine-profile span{display:block;margin-bottom:4px;color:#ffffffb8;font-size:13px}.mine-profile strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px}.mine-profile p{margin:4px 0 0;color:#ffffffc7;font-size:13px}.mine-profile button{min-height:34px;padding:0 12px;border:1px solid rgb(255 255 255 / 28%);border-radius:8px;color:#fff;background:#ffffff1a;font-weight:800}.module-card{display:grid;gap:14px;padding:16px}.module-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.module-head h2,.invite-teaser h2{margin:0;font-size:17px}.module-head>strong{color:#176a5d;font-size:26px;line-height:1.1;white-space:nowrap}.wallet-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wallet-metrics article{min-height:64px;padding:10px;border-radius:8px;background:#f6f8fb}.wallet-metrics span{display:block;margin-bottom:6px;color:#687386;font-size:12px}.wallet-metrics b{display:block;color:#182132;font-size:15px;line-height:1.25}.module-actions,.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.module-actions.two,.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.module-actions button,.quick-actions button,.text-button,.primary-button,.secondary-button,.invite-entry-card button,.invite-card button,.invite-link-panel button,.wechat-panel button,.profile-card button,.setting-row button{min-height:42px;border-radius:8px;font-weight:900}.module-actions button,.quick-actions button,.text-button,.secondary-button,.invite-link-panel button,.profile-card button,.setting-row button{border:1px solid #c8d4fb;color:#2455d6;background:#eef3ff}.module-actions button:first-child,.primary-button,.invite-teaser button,.invite-card button,.wechat-panel button{border:0;color:#fff;background:#2455d6}.primary-button,.secondary-button{width:100%}.primary-button:disabled{opacity:.55}.invite-teaser{grid-template-columns:minmax(0,1fr) auto;align-items:center}.invite-teaser p{margin:8px 0 0;color:#687386;line-height:1.55}.invite-teaser button{min-height:40px;padding:0 14px;border-radius:8px;font-weight:900;white-space:nowrap}.account-module{padding:0;overflow:hidden}.setting-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px}.setting-row+.setting-row{border-top:1px solid #eef2f6}.setting-row strong{display:block;margin-bottom:5px;font-size:16px}.setting-row p{margin-bottom:0;color:#687386;font-size:13px;line-height:1.5}.data-module .wallet-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.wechat-panel,.profile-card,.invite-card,.invite-link-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px}.wechat-panel span,.wechat-panel p,.profile-card p,.invite-card span,.invite-link-panel span,.poster-section span{color:#687386;font-size:13px}.wechat-panel span,.invite-card span,.invite-link-panel span,.poster-section span{display:block;margin-bottom:6px}.wechat-panel p,.profile-card p,.invite-card p,.invite-link-panel p{margin-bottom:0;line-height:1.5}.invite-link-panel p{overflow-wrap:anywhere;color:#182132}.profile-card{grid-template-columns:44px minmax(0,1fr) auto;padding:14px}.avatar-placeholder,.avatar-image{display:grid;place-items:center;width:44px;height:44px;border-radius:8px}.mine-profile .avatar-placeholder,.mine-profile .avatar-image{width:48px;height:48px}.avatar-placeholder{color:#fff;background:#2b7a78;font-weight:900}.avatar-image{object-fit:cover}.invite-card strong{font-size:24px}.poster-section{display:grid;gap:12px;padding:14px}.invite-poster{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:8px;background-color:#243449;background-position:center;background-size:cover}.poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,#18213238,#182132d6)}.poster-content,.poster-qr-card{position:absolute;z-index:1}.poster-content{top:8%;right:8%;left:8%;color:#fff}.poster-content span{color:#ffffffd1}.poster-content strong{display:block;margin-bottom:8px;font-size:28px;line-height:1.2}.poster-content p{margin-bottom:0;color:#ffffffdb;line-height:1.5}.poster-qr-card{right:8%;bottom:8%;left:8%;display:grid;justify-items:center;gap:8px;padding:14px;border-radius:8px;background:#fffffff0}.poster-qr-card img{width:min(42vw,156px);aspect-ratio:1;object-fit:contain}.poster-qr-card b{color:#182132;font-size:20px}.poster-qr-card small{color:#687386}.rebate-panel{padding:16px}.guide-list article{padding:14px}.guide-list strong{display:block;margin-bottom:6px}.guide-list p{margin-bottom:0;color:#687386;line-height:1.55}.quick-actions .danger-action{grid-column:1 / -1;border-color:#f3c6c6;color:#b3261e;background:#fff1f0}.text-button{display:block;width:fit-content;min-height:34px;margin:12px auto 0;padding:0 12px}.state{padding:28px 12px;color:#687386;text-align:center;line-height:1.6}.state.error{margin-bottom:12px;padding:12px;border:1px solid #f3c6c6;border-radius:8px;color:#b3261e;background:#fff1f0}.toast{position:fixed;top:18px;left:50%;z-index:20;transform:translate(-50%);padding:8px 12px;border-radius:999px;color:#fff;background:#182132e0;font-size:13px}.notice-toast{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;z-index:30;width:calc(100% - 32px);max-width:448px;transform:translate(-50%);padding:12px 14px;border:1px solid #d8e4ff;border-radius:8px;color:#2455d6;background:#eff4fff5;box-shadow:0 12px 28px #18213224;font-size:14px;font-weight:800;line-height:1.45;text-align:center;animation:notice-slide-down .22s ease-out both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes notice-slide-down{0%{opacity:0;transform:translate(-50%,-18px)}to{opacity:1;transform:translate(-50%)}}.tabs{position:fixed;right:0;bottom:0;left:0;z-index:9;display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:480px;margin:0 auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #e0e6ef;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tabs button{display:grid;justify-items:center;gap:3px;min-height:52px;border:0;border-radius:8px;color:#687386;background:transparent;font-size:12px}.tabs .active{color:#2455d6;font-weight:900;background:#eef3ff}.tabs span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:transparent}.tabs b{font-size:12px;line-height:1}.tab-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.tabs .active span{color:#2455d6;background:transparent}@keyframes page-rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes card-rise-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes soft-pop{0%{transform:scale(.96)}62%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes shimmer-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes orbit-pulse{0%,to{opacity:.5;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes toast-pop-in{0%{opacity:0;transform:translate(-50%,-10px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}.screen{animation:page-rise-in .26s cubic-bezier(.2,.8,.2,1) both}.hero-panel,.task-banner-carousel,.task-filter-panel,.course-search-panel,.income-overview,.filter-panel,.module-card,.wechat-panel,.profile-card,.invite-card,.invite-link-panel,.poster-section,.rebate-panel,.form-panel,.detail-panel,.rule-panel,.steps-panel,.asset-panel,.course-detail-head,.course-richtext{animation:card-rise-in .32s cubic-bezier(.2,.8,.2,1) both;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.task-card,.course-card,.record-card,.image-template-card,.image-record-card,.shortcut-entry,.income-summary article,.guide-list article{animation:card-rise-in .36s cubic-bezier(.2,.8,.2,1) both;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.task-card:nth-child(2n),.course-card:nth-child(2n),.record-card:nth-child(2n),.image-template-card:nth-child(2n),.image-record-card:nth-child(2n),.shortcut-entry:nth-child(2n){animation-delay:40ms}.task-card:nth-child(3n),.course-card:nth-child(3n),.record-card:nth-child(3n),.image-template-card:nth-child(3n),.image-record-card:nth-child(3n),.shortcut-entry:nth-child(3n){animation-delay:80ms}.task-card:active,.course-card:active,.record-card:active,.image-template-card:active,.image-record-card:active,.shortcut-entry:active,.module-card:active,.invite-card:active,.task-banner-slide:active{transform:translateY(1px) scale(.992);box-shadow:0 5px 16px #1821320f}button,.task-card,.course-card,.image-template-card,.image-record-card,.record-card,.shortcut-entry{-webkit-user-select:none;user-select:none}button,.tabs button,.course-categories button,.poster-template-tabs button,.segmented button,.income-date-segmented button{transition:transform .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}button:active:not(:disabled){transform:scale(.96)}.primary-button:not(:disabled):active,.secondary-button:not(:disabled):active,.quick-actions button:not(:disabled):active,.module-actions button:not(:disabled):active{transform:translateY(1px) scale(.985)}input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.tabs{animation:page-rise-in .24s ease-out both}.tabs .active{animation:soft-pop .26s ease-out both}.tabs button:active{transform:translateY(1px) scale(.94)}.toast{animation:toast-pop-in .18s ease-out both;box-shadow:0 12px 28px #18213229;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.state{position:relative;overflow:hidden;border-radius:8px}.loading-state:after{position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgb(255 255 255 / 42%) 48%,transparent 76%);content:"";transform:translate(-120%);animation:shimmer-sweep 1.6s ease-in-out infinite;pointer-events:none}.image-generating-state{position:relative;overflow:hidden}.image-generating-state:before{position:absolute;inset:-40%;background:radial-gradient(circle at 35% 35%,rgb(36 85 214 / 12%),transparent 30%),radial-gradient(circle at 65% 55%,rgb(7 193 96 / 10%),transparent 34%);content:"";animation:orbit-pulse 2.4s ease-in-out infinite;pointer-events:none}.image-generating-state>*{position:relative;z-index:1}.task-banner-dots button{transition:width .18s ease,background-color .18s ease,transform .15s ease}.task-banner-dots button:active{transform:scale(.82)}.category-segmented button.active,.course-categories button.active,.poster-template-tabs button.active,.segmented button.active,.income-date-segmented button.active{animation:soft-pop .22s ease-out both}@media(hover:hover){.task-card:hover,.course-card:hover,.image-template-card:hover,.image-record-card:hover,.record-card:hover,.shortcut-entry:hover{transform:translateY(-1px);border-color:#c8d4fb;box-shadow:0 10px 26px #18213212}button:hover:not(:disabled){filter:brightness(.99)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:360px){.page{padding-right:10px;padding-left:10px}.module-actions,.wallet-metrics,.data-module .wallet-metrics,.invite-teaser,.income-overview,.setting-row,.wechat-panel,.invite-card,.invite-link-panel{grid-template-columns:1fr}}@media(min-width:520px){.page{min-height:100vh;border-right:1px solid #e0e6ef;border-left:1px solid #e0e6ef}}