:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#20251f;background:#edf2eb;font-synthesis:none;--green: #368b3c;--green-dark: #286f2e;--green-soft: #eff8ed;--green-pale: #f7fbf5;--mint: #81c98a;--ink: #20251f;--muted: #7c857b;--line: #e6ebe3;--surface: #ffffff;--canvas: #f1f8ef;--danger: #c9584f;--warning: #ae7929;--shadow: 0 12px 32px rgba(47, 75, 43, .08)}*{box-sizing:border-box}html{background:#edf2eb}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:#edf2eb;font-size:14px;line-height:1.5}body.modal-open{overflow:hidden}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer;touch-action:manipulation;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(54,139,60,.28);outline-offset:2px}img{display:block;max-width:100%}small{font-size:inherit}.app-icon-image{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes page-lift{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-34px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(34px)}to{opacity:1;transform:translate(0)}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-rise{0%{opacity:0;transform:translateY(48px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes content-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-arrive{0%{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes generation-orbit{to{transform:rotate(360deg)}}@keyframes generation-pulse{0%,to{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}@keyframes waiting-orbit{to{transform:rotate(360deg)}}@keyframes waiting-breathe{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes waiting-sweep{0%{background-position:160% 0}to{background-position:-60% 0}}.app-shell{width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:calc(68px + env(safe-area-inset-bottom));background:var(--canvas);box-shadow:0 0 34px #273e2414}.app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:68px;padding:10px 17px;border-bottom:1px solid rgba(230,235,227,.8);background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-mark{display:flex;min-width:0;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:var(--ink);text-align:left}.brand-mark>.app-icon-image{width:40px;height:44px}.brand-mark>span{display:grid;min-width:0}.brand-mark strong{font-size:15px;line-height:20px}.brand-mark small{color:#8a9188;font-size:14px;line-height:18px}.login-button,.points-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:5px;padding:0 17px;border:1px solid var(--green);border-radius:8px;background:#fff;color:var(--green-dark);font-size:14px;font-weight:800}.points-button{padding:0 11px;border-color:#dce9d8;background:var(--green-pale)}.points-button .app-icon-image{width:20px;height:20px}.app-main,.page-view,.tab-panel{width:100%}.tab-panel.is-active{animation:page-lift .46s cubic-bezier(.2,.8,.2,1) both}.page-view{max-width:480px;margin:0 auto}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:50;display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:480px;min-height:calc(68px + env(safe-area-inset-bottom));margin:auto;padding:7px 8px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fffffffa;box-shadow:0 -9px 24px #31492c0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:#808a80;font-size:14px;font-weight:700}.nav-icon{display:grid;width:31px;height:29px;place-items:center}.nav-icon .app-icon-image{width:27px;height:27px;filter:grayscale(1);opacity:.65}.bottom-nav button.active{color:var(--green)}.bottom-nav button.active .app-icon-image{filter:none;opacity:1}.agri-hero{overflow:hidden;aspect-ratio:1536 / 854;background:#fff}.hero-banner{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center bottom;object-position:center bottom}.creation-form{background:var(--canvas)}.agri-section{padding:27px 18px 30px;border-top:1px solid #e0ecdc;background:#f4faf2}.agri-section-title{display:flex;align-items:center;gap:10px;margin-bottom:18px}.agri-section-title>span:not(.leaf-number):not(.advanced-summary){display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:12px;font-weight:900;box-shadow:0 5px 12px #368b3c2e}.agri-section-title>div{min-width:0;flex:1}.agri-section-title h2{margin:0;color:var(--ink);font-size:17px;line-height:22px}.agri-section-title p{margin:3px 0 0;color:var(--muted);font-size:14px}.product-search-field{display:grid;grid-template-columns:25px minmax(0,1fr) 25px;align-items:center;gap:7px;height:45px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 5px 16px #2641230a}.product-search-field .app-icon-image{width:25px;height:25px}.product-search-field input{min-width:0;height:42px;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}input::-moz-placeholder,textarea::-moz-placeholder{color:#a1a9a0}input::placeholder,textarea::placeholder{color:#a1a9a0}.product-search-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #368b3c17}.agri-attr-block{margin-top:14px}.agri-attr-details{display:grid;gap:14px;margin-top:14px;padding:14px 12px;border:1px solid #e5ede2;border-radius:12px;background:linear-gradient(180deg,#fbfdf9,#f6faf4)}.agri-attr-field{display:grid;gap:8px}.agri-field-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.agri-field-label strong{color:var(--ink);font-size:14px}.agri-field-label strong em{margin-left:3px;color:#d3544b;font-style:normal}.agri-field-label small{color:#8a9388;font-size:12px;font-weight:700}.agri-chip-wrap{display:flex;flex-wrap:wrap;gap:8px}.agri-chip-wrap button{min-height:34px;padding:0 12px;border:1px solid #e1e7df;border-radius:999px;background:#fff;color:#5f695e;font-size:13px;font-weight:800}.agri-chip-wrap button.selected{border-color:var(--green);background:#eef8eb;color:var(--green-dark);box-shadow:inset 0 0 0 1px #368b3c2e}.agri-chip-wrap.soft button{min-height:32px;background:#f8faf7}.agri-custom-tags{margin-top:14px;padding:14px 12px;border:1px solid #e5ede2;border-radius:8px;background:#fbfdf9}.custom-tag-entry{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px}.custom-tag-entry input{min-width:0;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;outline:0;background:#fff;color:var(--ink);font-size:14px}.custom-tag-entry input:focus{border-color:var(--green);box-shadow:0 0 0 3px #368b3c17}.custom-tag-entry button{min-height:42px;border:0;border-radius:8px;background:var(--green);color:#fff;font-size:13px;font-weight:900}.custom-tag-entry button:disabled{background:#d9e3d6;color:#8a9688}.custom-tag-list button{display:inline-flex;align-items:center;gap:5px}.custom-tag-list button span{color:#879385;font-size:14px;line-height:1}.agri-text-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.agri-text-field input{min-width:0;height:42px;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.agri-text-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #368b3c17}.agri-field-unit{color:#7d877c;font-size:13px;font-weight:800}.agri-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.agri-upload-grid.single{grid-template-columns:minmax(0,1fr)}.agri-upload-tile{position:relative;display:flex;min-height:145px;flex-direction:column;align-items:center;justify-content:center;gap:5px;overflow:hidden;border:1px solid #e7eee3;border-radius:8px;background:var(--green-pale);color:var(--ink)}.agri-upload-tile input{display:none}.agri-upload-tile>span{display:grid;width:57px;height:57px;place-items:center}.agri-upload-tile .app-icon-image{width:57px;height:57px}.agri-upload-tile strong{margin-top:3px;font-size:14px}.agri-upload-tile small{color:#818a80;font-size:12px}.agri-upload-tile em{position:absolute;top:8px;right:8px;color:#93a091;font-size:12px;font-style:normal}.agri-upload-tile.complete{background:#eef8eb;color:var(--green-dark)}.agri-image-strip{display:flex;gap:6px;margin-top:7px;overflow-x:auto;scrollbar-width:none}.agri-image-strip::-webkit-scrollbar{display:none}.agri-image-thumb{position:relative;width:48px;height:48px;flex:0 0 48px;overflow:hidden;border:1px solid #fff;border-radius:8px;box-shadow:0 4px 11px #2740241f}.agri-image-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.agri-image-thumb button{position:absolute;top:2px;right:2px;display:grid;width:19px;height:19px;padding:0;place-items:center;border:0;border-radius:50%;background:#212820c7;color:#fff;font-size:14px;line-height:1}.plan-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.plan-caption strong,.ratio-section>strong{font-size:14px}.plan-caption span{padding:4px 9px;border-radius:12px;background:var(--green-soft);color:var(--green-dark);font-size:14px;font-weight:800}.agri-count-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.agri-count-card{display:grid;min-height:123px;align-content:center;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fff}.agri-count-card>strong{font-size:14px}.agri-count-card>small{margin-top:4px;color:var(--muted);font-size:12px}.agri-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:44px;margin-top:13px;overflow:hidden;border:1px solid #e3e8e1;border-radius:8px;background:#fafcf9}.agri-stepper button{min-height:44px;padding:0;border:0;background:transparent;color:#5b655a;font-size:16px}.agri-stepper b{text-align:center;font-size:14px}.ratio-section{margin-top:20px}.ratio-section>strong{display:block;margin-bottom:10px}.ratio-section label{display:block;margin:11px 0 7px;color:#4e574d;font-size:12px;font-weight:800}.agri-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.agri-choice-row button{min-height:44px;border:1px solid #e3e8e1;border-radius:8px;background:#fff;color:#646d63;font-size:14px;font-weight:800}.agri-choice-row button.selected{border-color:var(--green);background:#f4faf2;color:var(--green-dark);box-shadow:inset 0 0 0 1px var(--green)}.agri-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.agri-style-grid button{position:relative;aspect-ratio:1;overflow:hidden;padding:0;border:1px solid transparent;border-radius:8px;background:#f5f7f3}.agri-style-grid button>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.agri-style-grid button.selected{border-color:var(--green);box-shadow:0 0 0 2px #368b3c26}.agri-style-grid button>span{position:absolute;right:6px;bottom:6px;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#fff;box-shadow:0 4px 10px #20381e1a}.agri-style-grid button>span .app-icon-image{width:20px;height:20px}.agri-requirement-field{display:grid;gap:8px;margin-top:19px}.agri-requirement-field>span{display:flex;align-items:center;color:var(--ink);font-size:14px}.agri-requirement-field>span small{margin-left:3px;color:var(--muted)}.agri-requirement-field>span em{margin-left:auto;color:#969e95;font-size:12px;font-style:normal}.agri-requirement-field textarea{min-height:73px;resize:vertical;padding:11px 12px;border:1px solid var(--line);border-radius:8px;outline:0;background:#fff;color:var(--ink);font-size:14px;line-height:1.6}.agri-requirement-field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #368b3c14}.advanced-agri-section{background:#edf7ea}.leaf-number{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:50%;background:var(--green-pale)}.leaf-number .app-icon-image{width:34px;height:34px}.advanced-toggle{width:100%;margin-bottom:0;padding:0;border:0;background:transparent;color:var(--ink);text-align:left}.advanced-summary{overflow:hidden;max-width:118px;color:var(--green-dark);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.advanced-chevron{width:19px;height:19px;flex:0 0 19px;transition:transform .28s ease}.advanced-chevron.rotated{transform:rotate(180deg)}.advanced-content{padding-top:1px}.advanced-reveal-enter-active,.advanced-reveal-leave-active{max-height:1600px;overflow:hidden;transition:max-height .5s cubic-bezier(.2,.8,.2,1),opacity .3s ease,transform .4s ease}.advanced-reveal-enter-from,.advanced-reveal-leave-to{max-height:0;opacity:0;transform:translateY(-10px)}.advanced-group{margin-top:23px}.advanced-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:11px}.advanced-label strong{font-size:14px}.advanced-label small{color:var(--muted);font-size:12px}.agri-model-list{display:grid;gap:10px}.agri-model-list button{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:82px;padding:12px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-align:left}.agri-model-list button.selected{border-color:#f1b58d;background:#fffdf9;box-shadow:inset 0 0 0 1px #f1b58d}.agri-model-list button>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#f3f7f2}.agri-model-list button .app-icon-image{width:35px;height:35px}.agri-model-list button>div{display:grid;gap:3px}.agri-model-list strong{font-size:14px}.agri-model-list small{color:var(--muted);font-size:12px}.agri-model-list em{padding:4px 7px;border-radius:9px;background:#fff2e7;color:#e1803d;font-size:12px;font-style:normal;font-weight:800}.advanced-group>label{display:block;margin:18px 0 8px;color:#4c554b;font-size:14px;font-weight:800}.agri-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.agri-segmented.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.agri-segmented button{min-height:45px;border:1px solid transparent;border-radius:8px;background:#f7f8f6;color:#737c72;font-size:14px;font-weight:800}.agri-segmented button.selected{border-color:var(--green);background:#f7fbf5;color:var(--green-dark);box-shadow:inset 0 0 0 1px var(--green)}.agri-switch-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin-top:21px;padding:0;border:0;background:transparent;color:var(--ink);text-align:left}.agri-switch-row>span{display:grid;gap:2px}.agri-switch-row>span>strong{font-size:14px}.agri-switch-row>span>b{margin-top:5px;font-size:14px}.agri-switch-row>span>small{color:var(--muted);font-size:12px}.agri-switch-row>i{position:relative;width:42px;height:24px;flex:0 0 42px;border-radius:12px;background:#cfd6cd;transition:background .2s}.agri-switch-row>i b{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #23352038;transition:transform .2s}.agri-switch-row>i.on{background:var(--green)}.agri-switch-row>i.on b{transform:translate(18px)}.effect-preview{margin-top:23px;padding:15px 13px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.effect-preview>strong{font-size:14px}.effect-images{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:8px;margin-top:12px}.effect-images figure{margin:0}.effect-images img{width:100%;aspect-ratio:1 / 1.18;border-radius:8px;-o-object-fit:cover;object-fit:cover}.effect-images figcaption{margin-top:7px;color:var(--muted);font-size:12px;text-align:center}.effect-images>span{color:var(--green);font-size:22px;text-align:center}.effect-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:14px -13px -12px;padding:11px 8px;border-top:1px solid var(--line)}.effect-benefits>span{display:grid;grid-template-columns:25px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 4px}.effect-benefits .app-icon-image{grid-row:1 / 3;width:25px;height:25px}.effect-benefits b{font-size:12px}.effect-benefits small{color:var(--muted);font-size:12px}.generation-flow-section{padding-bottom:92px;background:#f4faf2}.flow-heading{display:flex;align-items:center;gap:8px}.flow-heading .app-icon-image{width:32px;height:32px}.flow-heading h2{margin:0;font-size:16px}.generation-flow-section ol{display:grid;gap:0;margin:22px 0 0;padding:0 0 0 8px;list-style:none}.generation-flow-section li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;min-height:61px}.generation-flow-section li:before{position:absolute;top:24px;bottom:-1px;left:11px;width:1px;background:#b8dab7;content:""}.generation-flow-section li:last-child:before{display:none}.generation-flow-section li>span{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#7fc789;color:#fff;font-size:12px;font-weight:900}.generation-flow-section li>div{display:grid;align-content:start;gap:4px;padding-top:1px}.generation-flow-section li strong{font-size:14px}.generation-flow-section li small{color:var(--muted);font-size:12px}.submit-dock-spacer{height:0}.agri-submit-dock{position:fixed;right:0;bottom:calc(68px + env(safe-area-inset-bottom));left:0;z-index:35;display:grid;grid-template-columns:minmax(0,1fr) 194px;align-items:center;gap:12px;width:100%;max-width:480px;min-height:74px;margin:auto;padding:10px 18px;border-top:1px solid var(--line);background:#fffffff7;box-shadow:0 -10px 24px #2c44280d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.agri-submit-dock>div{display:grid;min-width:0;gap:3px}.agri-submit-dock>div span{font-size:14px;white-space:nowrap}.agri-submit-dock>div strong{color:var(--green);font-size:14px}.agri-submit-dock>div small{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.agri-submit-dock>button,.primary-action,.pay-button,.login-submit{display:flex;min-height:48px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;background:linear-gradient(135deg,#3da446,#2f8336);color:#fff;font-size:14px;font-weight:900;box-shadow:0 10px 22px #31873938}.agri-submit-dock>button .app-icon-image{width:22px;height:22px;filter:brightness(0) invert(1)}.primary-action .app-icon-image,.pay-button .app-icon-image,.login-submit .app-icon-image{filter:brightness(0) invert(1)}.generation-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:grid;place-items:center;padding:24px;background:#192b178a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.generation-card{width:min(100%,360px);padding:28px 23px 24px;border:1px solid rgba(255,255,255,.8);border-radius:8px;background:#f7fcf5;box-shadow:0 26px 70px #1930163d;text-align:center}.generation-visual{position:relative;display:grid;width:88px;height:88px;margin:0 auto 16px;place-items:center;border:1px solid #d7ead3;border-radius:50%;background:#fff}.generation-visual:before{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:2px solid transparent;border-top-color:var(--green);border-right-color:#92ca8d;border-radius:50%;animation:generation-orbit 1.2s linear infinite;content:""}.generation-visual>.app-icon-image{width:42px;height:42px}.generation-visual>span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--green);animation:generation-pulse 1.2s ease-in-out infinite}.generation-visual>span:nth-child(1){top:7px;left:16px}.generation-visual>span:nth-child(2){right:4px;bottom:24px;animation-delay:.2s}.generation-visual>span:nth-child(3){bottom:5px;left:28px;animation-delay:.4s}.generation-kicker{color:var(--green-dark);font-size:14px;font-weight:900}.generation-card h2{margin:7px 0 5px;font-size:19px}.generation-card>p{margin:0;color:var(--muted);font-size:14px}.generation-progress{height:7px;margin:20px 0 17px;overflow:hidden;border-radius:4px;background:#e1ebde}.generation-progress span{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .45s ease}.generation-card ol{display:grid;gap:9px;margin:0;padding:0;list-style:none;text-align:left}.generation-card li{display:flex;align-items:center;gap:9px;color:#8b9489;font-size:12px;transition:color .25s ease,transform .25s ease}.generation-card li>span{display:grid;width:23px;height:23px;flex:0 0 23px;place-items:center;border-radius:50%;background:#e7eee4;color:#778075;font-size:12px;font-weight:900}.generation-card li.active{color:var(--ink);font-weight:800;transform:translate(3px)}.generation-card li.active>span,.generation-card li.done>span{background:var(--green);color:#fff}.generation-card li.done{color:#5f6d5d}.generation-fade-enter-active,.generation-fade-leave-active{transition:opacity .24s ease}.generation-fade-enter-from,.generation-fade-leave-to{opacity:0}.generation-fade-enter-active .generation-card{animation:sheet-rise .42s cubic-bezier(.2,.8,.2,1) both}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:28px 18px 20px;background:#f4faf2}.eyebrow{display:inline-flex;align-items:center;gap:5px;color:var(--green-dark);font-size:14px;font-weight:800}.page-heading h1,.wallet-hero h1{margin:8px 0 6px;color:var(--ink);font-size:23px;line-height:1.3}.page-heading p,.wallet-hero p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.round-action{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--green-pale);color:var(--green)}.task-view-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:0 18px 16px;padding:4px;border-radius:8px;background:#f0f4ee}.task-view-tabs button{display:flex;min-height:40px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:6px;background:transparent;color:#758074;font-size:14px;font-weight:800}.task-view-tabs button.active{background:#fff;color:var(--green-dark);box-shadow:0 4px 12px #2c462812}.task-view-tabs button>span{padding:1px 5px;border-radius:8px;background:var(--green-soft);color:var(--green-dark);font-size:12px}.history-section,.task-detail-section{background:#f4faf2}.history-tools{padding:0 18px 15px}.search-field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#8c958b}.search-field input{min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.search-field button{display:grid;width:44px;height:44px;margin-right:-10px;place-items:center;border:0;border-radius:50%;background:transparent;color:#6e786d}.filter-scroll{display:flex;gap:7px;margin-top:11px;overflow-x:auto;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-scroll button{min-height:40px;flex:0 0 auto;padding:0 14px;border:1px solid var(--line);border-radius:20px;background:#fff;color:#758074;font-size:14px;font-weight:800}.filter-scroll button.active{border-color:var(--green);background:var(--green-pale);color:var(--green-dark)}.history-list{display:grid;border-top:1px solid var(--line)}.history-item{display:grid;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:92px;padding:13px 18px;border:0;border-bottom:1px solid var(--line);background:#fff;color:#859084;text-align:left}.history-cover{display:grid;width:55px;height:63px;overflow:hidden;place-items:center;border-radius:8px;background:var(--green-soft);color:var(--green)}.history-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.history-content{display:grid;min-width:0;gap:6px}.history-title-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.history-title-row strong{overflow:hidden;color:var(--ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.history-title-row em,.result-media>i{flex:0 0 auto;padding:3px 6px;border-radius:9px;font-size:12px;font-style:normal;font-weight:800}.history-content>small{color:var(--muted);font-size:12px}.history-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.history-progress>i{height:4px;overflow:hidden;border-radius:2px;background:#e9eee7}.history-progress>i b{display:block;height:100%;border-radius:2px;background:var(--green)}.history-progress small{color:var(--muted);font-size:12px}.tone-success{background:#ebf8eb;color:var(--green-dark)}.tone-processing{background:#edf5ed;color:#4a8950}.tone-warning{background:#fff6df;color:var(--warning)}.tone-error{background:#fff0ee;color:var(--danger)}.pagination-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 20px}.pagination-row button{display:flex;min-height:44px;align-items:center;gap:4px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#596358;font-size:12px;font-weight:800}.pagination-row>span{color:var(--muted);font-size:12px}.task-loading,.planning-state,.empty-panel{display:flex;min-height:340px;flex-direction:column;align-items:center;justify-content:center;padding:30px 22px;background-color:#f4faf2;background-image:url(/assets/page-leaf-bg-B-HSHRqs.webp);background-position:center;background-size:cover;text-align:center}.task-loading h2,.planning-state h2,.empty-panel h2{margin:15px 0 7px;font-size:16px}.task-loading p,.planning-state p,.empty-panel p{max-width:310px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.ai-orbit,.planning-symbol,.empty-panel>span:first-child{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green)}.ai-orbit.waiting-orbit,.planning-symbol.waiting-orbit{position:relative;width:116px;height:116px;overflow:visible;border-radius:50%;background:radial-gradient(circle,#fff 0,#fff 43%,#ecf8ea 44%,#ecf8ea);box-shadow:0 18px 42px #368b3c29}.waiting-orbit:before,.waiting-orbit:after{position:absolute;border-radius:50%;content:""}.waiting-orbit:before{top:7px;right:7px;bottom:7px;left:7px;border:4px solid rgba(54,139,60,.12);border-top-color:var(--green);border-right-color:var(--mint);animation:waiting-orbit 1.05s linear infinite}.waiting-orbit:after{top:25px;right:25px;bottom:25px;left:25px;background:#368b3c14;animation:waiting-breathe 1.4s ease-in-out infinite}.waiting-orbit>.app-icon-image{position:relative;z-index:2;width:48px;height:48px}.waiting-orbit>span{position:absolute;z-index:3;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px #368b3c1a;animation:waiting-breathe 1.1s ease-in-out infinite}.waiting-orbit>span:first-child{top:11px;right:22px}.waiting-orbit>span:nth-child(2){bottom:13px;left:23px;animation-delay:.28s}.primary-action{min-height:42px;margin-top:18px;padding:0 18px;font-size:14px;text-decoration:none}.task-summary-band{position:relative;padding:18px;border-top:1px solid var(--line);border-bottom:8px solid var(--canvas);background:#f4faf2}.status-heading{display:flex;align-items:center;gap:9px;padding-right:76px}.status-heading>div{display:grid}.status-heading strong{font-size:14px}.status-heading small{margin-top:2px;color:var(--muted);font-size:12px}.status-dot{width:10px;height:10px;flex:0 0 10px;padding:0;border-radius:50%}.sync-state{display:flex;align-items:center;gap:3px;margin-left:auto;color:var(--green);font-size:12px;font-weight:800}.progress-number{position:absolute;top:13px;right:18px;color:var(--green)}.progress-number strong{font-size:28px}.progress-number span{font-size:14px;font-weight:900}.main-progress{height:7px;margin-top:18px;overflow:hidden;border-radius:4px;background:#edf1eb}.main-progress span{display:block;height:100%;border-radius:4px;background:var(--green);transition:width .3s}.summary-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:15px}.summary-metrics span{display:grid;gap:2px;text-align:center}.summary-metrics span+span{border-left:1px solid var(--line)}.summary-metrics b{font-size:16px}.summary-metrics small{color:var(--muted);font-size:12px}.task-meta-row{display:flex;gap:6px;margin-top:15px;overflow-x:auto}.task-meta-row span{display:flex;min-height:30px;flex:0 0 auto;align-items:center;gap:5px;padding:0 9px;border-radius:8px;background:var(--green-pale);color:#667164;font-size:12px;font-weight:700}.task-notice{display:flex;align-items:flex-start;gap:8px;margin:14px 18px;padding:11px 12px;border:1px solid #d3e7d1;border-radius:8px;background:var(--green-pale);color:var(--green-dark);font-size:14px;line-height:1.55}.task-notice.error{border-color:#f0d0cc;background:#fff5f3;color:#a94d45}.planning-state{min-height:410px}.planning-state:after{width:min(230px,78vw);height:5px;margin-top:22px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,#ddebd9 0%,#ddebd9 38%,var(--green) 50%,#ddebd9 62%,#ddebd9 100%);background-size:220% 100%;content:"";box-shadow:inset 0 0 0 1px #368b3c0d;animation:waiting-sweep 1.4s ease-in-out infinite}.planning-state>div{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px}.planning-state>div span{color:#697468;font-size:12px;font-weight:800}.planning-state>div i{width:16px;height:1px;background:#c8d5c5}.result-group{padding:20px 18px 24px;border-bottom:8px solid var(--canvas)}.result-group-heading{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:14px}.result-group-heading>span{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:var(--green-soft);color:var(--green)}.result-group-heading h2{margin:0;font-size:15px}.result-group-heading p{margin:2px 0 0;color:var(--muted);font-size:12px}.result-group-heading>b{padding:4px 8px;border-radius:10px;background:#f1f5ef;color:#657064;font-size:12px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.result-media{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;padding:0;border:0;background:#f3f6f1;color:var(--ink)}.result-media img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.result-media>em,.result-media>i{position:absolute;top:7px;z-index:2}.result-media>em{left:7px;padding:3px 6px;border-radius:8px;background:#1d251cc2;color:#fff;font-size:12px;font-style:normal;font-weight:800}.result-media>i{right:7px}.result-placeholder{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:20px 8px 8px;color:var(--green)}.result-placeholder .app-icon-image{width:24px;height:24px}.result-placeholder strong{color:#526051;font-size:14px}.result-placeholder small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.result-placeholder.failed{background:#fff7f5;color:var(--danger)}.result-info{padding:10px}.result-actions{display:flex;gap:5px}.result-actions button{display:flex;min-width:0;min-height:40px;flex:1;align-items:center;justify-content:center;gap:4px;padding:0 7px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#5e6b5d;font-size:12px;font-weight:800}.result-actions button.retry{border-color:#99c998;background:var(--green-pale);color:var(--green-dark)}.wallet-hero{display:grid;grid-template-columns:minmax(0,1fr) 116px;align-items:center;gap:12px;min-height:176px;padding:25px 18px;background-color:#f1f8ef;background-image:url(/assets/green-card-bg-CUhHytQH.webp);background-position:center;background-size:cover;color:var(--ink)}.wallet-hero .eyebrow{color:var(--green-dark)}.wallet-hero h1{font-size:21px}.wallet-hero p{color:#758174}.wallet-balance{display:grid;gap:3px;min-height:105px;align-content:center;padding:13px;border:1px solid #dce9d9;border-radius:8px;background:#fff;box-shadow:0 9px 22px #2b50270f}.wallet-balance>span{color:var(--muted);font-size:12px}.wallet-balance>strong{overflow:hidden;color:var(--green-dark);font-size:27px;text-overflow:ellipsis}.wallet-balance>button{display:flex;min-height:36px;align-items:center;gap:4px;width:-moz-fit-content;width:fit-content;margin-left:-8px;padding:0 8px;border:0;background:transparent;color:var(--green);font-size:12px;font-weight:800}.redeem-band{display:grid;grid-template-columns:38px auto minmax(80px,1fr) auto;align-items:center;gap:9px;padding:15px 18px;border-bottom:8px solid var(--canvas);background:#f4faf2}.redeem-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--green-soft);color:var(--green)}.redeem-band>div{display:grid;min-width:72px}.redeem-band strong{font-size:14px}.redeem-band small{color:var(--muted);font-size:12px}.redeem-band input{width:100%;min-height:44px;min-width:0;padding:0 11px;border:1px solid var(--line);border-radius:8px;outline:0;background:#fff;font-size:14px}.redeem-band>button{min-height:44px;padding:0 14px;border:0;border-radius:8px;background:var(--green);color:#fff;font-size:14px;font-weight:900}.plans-section{padding:23px 18px 30px;background:#f4faf2}.section-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.section-heading-row h2{margin:0;font-size:16px}.section-heading-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.section-heading-row>span{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:10px;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-weight:800}.plan-list{display:grid;gap:10px}.plan-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:94px;padding:15px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);text-align:left}.plan-card.featured{border-color:#8fc58d;background:var(--green-pale);box-shadow:0 9px 22px #306e3014}.popular-label{position:absolute;top:-1px;right:11px;display:flex;align-items:center;gap:3px;padding:4px 7px;border-radius:0 0 6px 6px;background:var(--green);color:#fff;font-size:12px;font-weight:900}.plan-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:var(--green-soft);color:var(--green)}.plan-main{display:block;min-width:0}.plan-main>strong{display:block;font-size:14px}.plan-main>small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.bonus,.plan-tag{display:inline-flex;align-items:center;gap:3px;margin:6px 4px 0 0;padding:3px 6px;border-radius:8px;background:#eef7ec;color:var(--green-dark);font-size:12px;font-weight:800}.bonus .app-icon-image{width:13px;height:13px}.popular-label .app-icon-image{width:12px;height:12px;filter:brightness(0) invert(1)}.plan-price{display:flex;align-items:baseline;color:var(--green-dark)}.plan-price small{font-size:14px}.plan-price strong{font-size:19px}.recharge-notes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.recharge-notes span{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--green)}.recharge-notes small{color:var(--muted);font-size:12px}.recharge-entering .wallet-hero>div:first-child{animation:slide-in-left .5s cubic-bezier(.2,.8,.2,1) .04s both}.recharge-entering .wallet-balance{animation:slide-in-right .5s cubic-bezier(.2,.8,.2,1) .1s both}.recharge-entering .redeem-band{animation:slide-in-left .5s cubic-bezier(.2,.8,.2,1) .14s both}.recharge-entering .section-heading-row{animation:slide-in-right .5s cubic-bezier(.2,.8,.2,1) .18s both}.recharge-entering .plan-card-left{animation:slide-in-left .54s cubic-bezier(.2,.8,.2,1) var(--plan-delay, .2s) both}.recharge-entering .plan-card-right{animation:slide-in-right .54s cubic-bezier(.2,.8,.2,1) var(--plan-delay, .2s) both}.recharge-entering .recharge-notes{animation:content-arrive .45s ease .48s both}.profile-page{min-height:calc(100vh - 136px);padding-bottom:24px;background:var(--canvas)}.profile-hero{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:135px;padding:22px 18px;background:#f0f8ee;color:var(--ink)}.profile-avatar{display:grid;width:58px;height:58px;place-items:center;border:2px solid #cce1c8;border-radius:50%;background:#fff;color:var(--green);font-size:21px;font-weight:900}.profile-hero>div{min-width:0}.profile-hero>div>span{color:var(--green-dark);font-size:12px}.profile-hero h1{overflow:hidden;margin:3px 0;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.profile-hero p{overflow:hidden;margin:0;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.profile-hero.guest>button{min-height:36px;padding:0 13px;border:1px solid var(--green);border-radius:8px;background:#fff;color:var(--green-dark);font-size:14px;font-weight:900}.profile-balance{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:82px;padding:14px 18px;border-bottom:8px solid var(--canvas);background:#f4faf2}.profile-balance>div{display:flex;align-items:center;gap:6px;color:var(--green)}.profile-balance>div span{color:#536052;font-size:14px;font-weight:800}.profile-balance>strong{font-size:24px}.profile-balance>button{display:flex;align-items:center;gap:2px;padding:0;border:0;background:transparent;color:var(--green-dark);font-size:12px;font-weight:800}.profile-menu{display:grid;background:#f4faf2}.profile-menu>button{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:72px;padding:10px 18px;border:0;border-bottom:1px solid var(--line);background:#f4faf2;color:#859083;text-align:left}.menu-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;background:var(--green-soft);color:var(--green)}.profile-menu>button>span:nth-child(2){display:grid;gap:3px}.profile-menu strong{color:var(--ink);font-size:14px}.profile-menu small{color:var(--muted);font-size:12px}.logout-button{display:flex;width:calc(100% - 36px);min-height:44px;align-items:center;justify-content:center;gap:6px;margin:20px 18px 0;border:1px solid #efceca;border-radius:8px;background:#fff;color:#b94d45;font-size:14px;font-weight:800}.profile-version{margin:18px 0 0;color:#9ca59b;font-size:12px;text-align:center}.sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;padding-top:20px;background:#1c261a7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modal-fade .24s ease both}.bottom-sheet{position:relative;width:min(100%,480px);max-height:92vh;overflow-y:auto;border-radius:8px 8px 0 0;background:#fff;box-shadow:0 -18px 60px #1d301a38;animation:sheet-rise .42s cubic-bezier(.2,.8,.2,1) both}.sheet-handle{width:36px;height:4px;margin:8px auto 4px;border-radius:2px;background:#d7ddd5}.bottom-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 18px 15px;border-bottom:1px solid var(--line)}.bottom-sheet>header h2{margin:0;font-size:16px}.bottom-sheet>header p{margin:4px 0 0;color:var(--muted);font-size:12px}.bottom-sheet header>button,.sheet-close{display:grid;width:44px;height:44px;padding:0;place-items:center;border:0;border-radius:50%;background:#eff3ed;color:#536052}.checkout-body{padding:18px 18px max(22px,env(safe-area-inset-bottom));animation:content-arrive .3s ease both}.checkout-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;overflow:hidden;border-radius:8px;background:#e4e9e2}.checkout-summary>span{display:grid;gap:5px;min-height:74px;align-content:center;padding:0 14px;background:var(--green-pale)}.checkout-summary small{color:var(--muted);font-size:12px}.checkout-summary strong{color:var(--green-dark);font-size:20px}.checkout-summary em{font-size:14px;font-style:normal}.checkout-block{margin-top:20px}.checkout-label{display:flex;justify-content:space-between;margin-bottom:9px}.checkout-label strong{font-size:14px}.checkout-label small{color:var(--muted);font-size:12px}.method-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.method-options button,.method-options>span{display:flex;min-height:54px;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#4c594b;font-size:14px;font-weight:800}.method-options button>span{display:grid;width:31px;height:31px;place-items:center;border-radius:8px;background:var(--green-soft);color:var(--green)}.method-options button>.app-icon-image:last-child{width:16px;height:16px;margin-left:auto}.method-options button.selected{border-color:var(--green);background:var(--green-pale);box-shadow:inset 0 0 0 1px var(--green)}.coupon-block>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:44px;padding:0;border:0;border-top:1px solid var(--line);background:transparent;color:#526051;text-align:left;font-size:14px;font-weight:800}.coupon-block>button>.app-icon-image:last-child{width:18px;height:18px;transition:transform .2s}.coupon-block>button>.app-icon-image.rotated{transform:rotate(180deg)}.coupon-block input{width:100%;min-height:44px;padding:0 11px;border:1px solid var(--line);border-radius:8px;outline:0;font-size:14px}.coupon-block>div{animation:content-arrive .26s ease both}.coupon-block>div small{display:block;margin-top:5px;color:var(--green);font-size:12px}.coupon-block>div small.error{color:var(--danger)}.pay-button{width:100%;min-height:49px;margin-top:21px;font-size:14px}.qr-payment,.payment-success{display:flex;min-height:430px;flex-direction:column;align-items:center;justify-content:center;padding:25px 20px max(26px,env(safe-area-inset-bottom));text-align:center;animation:content-arrive .36s ease both}.pay-method-logo,.payment-success>span{display:grid;width:62px;height:62px;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green)}.qr-payment h2,.payment-success h2{margin:14px 0 5px;font-size:18px}.qr-payment p,.payment-success p{margin:0;color:var(--muted);font-size:14px}.qr-payment>img{width:190px;height:190px;margin-top:20px;padding:8px;border:1px solid var(--line);border-radius:8px;-o-object-fit:contain;object-fit:contain}.external-pay{margin-top:22px}.waiting-payment{display:flex;align-items:center;gap:6px;margin-top:17px;color:var(--green);font-size:12px;font-weight:800}.text-action{margin-top:16px;padding:4px;border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline}.login-card{padding-bottom:max(24px,env(safe-area-inset-bottom))}.sheet-close{position:absolute;top:16px;right:16px}.modal-heading{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:13px;padding:20px 56px 18px 20px;border-bottom:1px solid var(--line)}.modal-heading img{width:54px;height:54px;-o-object-fit:contain;object-fit:contain}.modal-heading>div>span{color:var(--green-dark);font-size:12px;font-weight:800}.modal-heading h2{margin:2px 0 3px;font-size:17px}.modal-heading p{margin:0;color:var(--muted);font-size:12px}.form-stack{display:grid;gap:15px;padding:20px}.form-stack>label:not(.remember-row){display:grid;gap:7px}.form-stack>label>span{color:#455244;font-size:14px;font-weight:800}.login-input{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fafcf9;color:#8c958b}.login-input:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #368b3c17}.login-input input{min-width:0;height:46px;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.code-row>button{flex:0 0 auto;min-height:40px;padding:0 10px;border:0;border-radius:8px;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-weight:800}.remember-row{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.remember-row input{width:15px;height:15px;accent-color:var(--green)}.login-submit{width:100%;min-height:49px;margin-top:3px;font-size:14px}.prompt-content{margin:16px 18px max(24px,env(safe-area-inset-bottom));padding:14px;border-radius:8px;background:var(--green-pale);color:#455244;font-size:14px;line-height:1.8;white-space:pre-wrap}.viewer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:max(16px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));background:#10160ff0;animation:modal-fade .25s ease both}.viewer-layer header{display:flex;align-items:center;justify-content:space-between;color:#fff}.viewer-layer header strong{font-size:14px}.viewer-layer header button{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;background:#ffffff1f;color:#fff}.viewer-layer>img{width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;animation:content-arrive .38s ease both}.viewer-download{display:flex;width:min(260px,80%);min-height:44px;align-items:center;justify-content:center;gap:6px;margin:auto;border:0;border-radius:8px;background:#fff;color:var(--green-dark);font-size:14px;font-weight:900}.toast-host{position:fixed;top:max(72px,calc(env(safe-area-inset-top) + 12px));right:14px;left:14px;z-index:150;display:grid;gap:8px;pointer-events:none}.toast{display:grid;gap:2px;width:min(100%,450px);min-height:52px;margin:0 auto;padding:10px 13px;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:8px;background:#fffffff7;box-shadow:var(--shadow);color:var(--ink);pointer-events:auto;animation:toast-arrive .35s cubic-bezier(.2,.8,.2,1) both}.toast strong{font-size:14px}.toast span{color:var(--muted);font-size:12px}.toast-error{border-left-color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.skeleton{position:relative;overflow:hidden;background:#edf1eb!important;color:transparent!important}.skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 1.3s infinite;content:""}@media (hover: hover){button:not(:disabled):hover{transform:translateY(-1px)}.plan-card:hover,.result-card:hover{border-color:#a8cfa4;box-shadow:0 10px 24px #305c2c1a}.bottom-nav button:hover .nav-icon{transform:translateY(-2px)}}@media (max-width: 380px){.agri-submit-dock{grid-template-columns:minmax(0,1fr) 176px;padding-right:12px;padding-left:12px}.redeem-band{grid-template-columns:34px minmax(0,1fr) auto}.redeem-band>div small{display:none}.redeem-band label{grid-column:1 / 3;grid-row:2}.redeem-band>button{grid-column:3;grid-row:2}}@media (max-width: 340px){.agri-submit-dock{grid-template-columns:minmax(0,1fr) 150px}}@media (max-height: 540px) and (orientation: landscape){.app-header{min-height:56px;padding-top:6px;padding-bottom:6px}.brand-mark small{display:none}.agri-hero{aspect-ratio:1536 / 780}.bottom-nav{min-height:calc(58px + env(safe-area-inset-bottom));padding-top:4px}.agri-submit-dock{bottom:calc(58px + env(safe-area-inset-bottom));min-height:64px;padding-top:8px;padding-bottom:8px}.generation-flow-section{padding-bottom:82px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--green: #2f7d45;--green-dark: #1f5f36;--green-soft: #e8f3e3;--green-pale: #f5fbf1;--mint: #75be80;--wheat: #b7792f;--wheat-soft: #fff3dc;--ink: #172015;--muted: #6f7b6a;--line: #dfe8d8;--surface: #fffdf7;--paper: #fffaf0;--canvas: #eef5ea;--shadow: 0 14px 38px rgba(45, 67, 39, .1);--shadow-soft: 0 8px 22px rgba(45, 67, 39, .07);font-family:PingFang SC,Microsoft YaHei,Inter,system-ui,sans-serif}html,body{background:linear-gradient(90deg,rgba(31,95,54,.04) 0 1px,transparent 1px 100%),linear-gradient(180deg,#e9f1e4,#f6f1e5 48%,#e9f1e4);background-size:24px 24px,auto;color:var(--ink)}body{overscroll-behavior-y:contain}.app-shell{position:relative;overflow:clip;background:radial-gradient(circle at 16% 2%,rgba(183,121,47,.12),transparent 24%),linear-gradient(180deg,#f9f5e8 0%,var(--canvas) 38%,#edf4e8 100%);box-shadow:0 0 0 1px #1f5f3614,0 22px 60px #1f321b21}.app-shell:before{position:fixed;top:70px;bottom:0;left:50%;width:min(100%,480px);transform:translate(-50%);pointer-events:none;background:linear-gradient(90deg,transparent 0 17px,rgba(31,95,54,.035) 17px 18px,transparent 18px 100%),linear-gradient(180deg,transparent 0 17px,rgba(31,95,54,.035) 17px 18px,transparent 18px 100%);background-size:18px 18px;content:""}.app-header{min-height:64px;padding:8px 16px;border-bottom:1px solid rgba(192,207,181,.74);background:#fffdf7eb;box-shadow:0 8px 24px #2d43270d}.brand-mark{gap:9px}.brand-mark>.app-icon-image{width:38px;height:42px}.brand-mark strong,.page-heading h1,.wallet-hero h1{letter-spacing:.01em}.brand-mark small{color:#73806d;font-size:12px}.login-button,.points-button{border-color:#2f7d4542;background:#fffdf7;box-shadow:var(--shadow-soft)}.bottom-nav{overflow:hidden;border:1px solid rgba(206,220,198,.78);border-bottom:0;border-radius:18px 18px 0 0;background:#fffdf7f5;box-shadow:0 -16px 38px #263a221f}.bottom-nav button{position:relative;min-height:58px;color:#82907d;font-size:12px}.bottom-nav button.active:before{position:absolute;top:7px;width:30px;height:3px;border-radius:999px;background:var(--wheat);content:""}.nav-icon .app-icon-image{width:25px;height:25px}.agri-hero{position:relative;margin:10px 12px 12px;border:1px solid rgba(216,225,207,.9);border-radius:18px;background:#fffdf7;box-shadow:var(--shadow)}.hero-banner{transform:scale(1.01)}.workflow-strip{position:sticky;top:64px;z-index:30;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 2px;padding:6px;border:1px solid rgba(211,225,203,.84);border-radius:16px;background:#fffdf7e6;box-shadow:0 10px 24px #2d432714;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.workflow-strip button{display:flex;min-height:34px;align-items:center;justify-content:center;border:0;border-radius:11px;background:transparent;color:#73806d;font-size:12px;font-weight:900;cursor:pointer}.workflow-strip button.active{background:linear-gradient(135deg,var(--green),#6cac68);color:#fff;box-shadow:0 8px 16px #2f7d4529}.workflow-strip button:focus-visible{outline:3px solid rgba(47,125,69,.24);outline-offset:2px}.creation-form{position:relative;z-index:1;display:grid;gap:12px;padding:0 12px;background:transparent}.agri-section{overflow:hidden;scroll-margin-top:128px;padding:20px 14px 22px;border:1px solid rgba(211,225,203,.88);border-radius:18px;background:linear-gradient(180deg,#ffffffc7,#fffdf7f5),var(--surface);box-shadow:var(--shadow-soft)}.agri-section-title{align-items:flex-start;margin-bottom:16px}.agri-section-title>span:not(.leaf-number):not(.advanced-summary){border:1px solid rgba(255,255,255,.75);border-radius:12px;background:linear-gradient(145deg,var(--green),#6cac68);box-shadow:0 8px 18px #2f7d4533}.agri-section-title h2,.flow-heading h2,.section-heading-row h2{font-size:18px;line-height:1.25}.agri-section-title p,.page-heading p,.wallet-hero p{color:var(--muted)}.product-search-field,.agri-count-card,.effect-preview,.plan-card,.wallet-balance,.history-item,.result-card,.checkout-summary,.login-input,.method-options button,.method-options>span{border-color:#d4e1ccf2;background:#fffdf8;box-shadow:0 8px 20px #2d43270d}.product-search-field{min-height:50px;height:auto;border-radius:14px}.product-search-field input{height:48px;font-size:15px}.agri-upload-grid{gap:10px}.agri-upload-tile{min-height:150px;border-color:#cbdcc2e6;border-radius:16px;background:linear-gradient(180deg,#ffffff8c,#f4faefeb),var(--green-pale)}.agri-upload-tile strong{margin-top:5px;font-size:15px}.agri-upload-tile small{color:#73806d}.agri-upload-tile em,.plan-caption span,.result-group-heading>b,.bonus,.plan-tag{border:1px solid rgba(47,125,69,.12);background:#f4f8ef}.agri-image-thumb{width:54px;height:54px;flex-basis:54px;border-color:#ffffffe6}.agri-image-thumb button{top:4px;right:4px;width:24px;height:24px}.agri-count-card{min-height:132px;border-radius:16px}.agri-stepper,.agri-choice-row button,.agri-segmented button{border-radius:12px;background:#fffaf1}.agri-stepper button,.agri-choice-row button,.agri-segmented button{color:#52624f}.agri-choice-row button.selected,.agri-segmented button.selected,.method-options button.selected{border-color:#2f7d45c7;background:linear-gradient(180deg,#f8fff3,#edf8e7);box-shadow:inset 0 0 0 1px #2f7d4561,0 8px 18px #2f7d4514}.agri-style-grid{gap:10px}.agri-style-grid button{border-radius:16px;background:#fffaf1;box-shadow:0 8px 16px #2d43270a}.agri-style-grid button.selected{border-color:var(--wheat);box-shadow:0 0 0 2px #b7792f2e,0 12px 22px #2d432714}.agri-requirement-field textarea{min-height:92px;border-radius:14px;background:#fffdf8;font-size:15px}.advanced-agri-section{background:linear-gradient(180deg,#ebf6e5f2,#faf8eef2),#edf7ea}.advanced-toggle .leaf-number{border:1px solid rgba(47,125,69,.12);background:#fffdf8}.advanced-summary{color:var(--wheat)}.agri-model-list button{border-radius:16px;background:#fffdf8}.agri-model-list button.selected{border-color:#b7792f8c;background:#fff8eb;box-shadow:inset 0 0 0 1px #b7792f52}.effect-preview{border-radius:16px}.effect-benefits{gap:8px;margin-right:-8px;margin-left:-8px}.generation-flow-section{padding-bottom:104px;background:linear-gradient(180deg,#fffdf8,#f1f8ed)}.generation-flow-section li>span{width:26px;height:26px;border:2px solid #fffdf8;background:linear-gradient(145deg,#74bd77,var(--green));box-shadow:0 6px 14px #2f7d452e}.generation-flow-section li:before{left:12px;background:linear-gradient(180deg,#2f7d4557,#b7792f38)}.agri-submit-dock{bottom:calc(68px + env(safe-area-inset-bottom));min-height:78px;padding:11px 14px 12px;border:1px solid rgba(210,221,200,.95);border-bottom:0;border-radius:18px 18px 0 0;background:#fffdf7f7;box-shadow:0 -18px 42px #2a3c2424}.agri-submit-dock>button,.primary-action,.pay-button,.login-submit{border-radius:14px;background:linear-gradient(135deg,var(--green),var(--wheat));box-shadow:0 12px 24px #4f703738}.generation-card,.bottom-sheet,.toast{border-radius:18px;background:#fffdf8}.page-heading,.history-section,.task-detail-section,.task-summary-band,.plans-section,.profile-menu,.profile-menu>button,.profile-balance{background:transparent}.page-heading,.wallet-hero,.profile-hero{margin:10px 12px 12px;border:1px solid rgba(211,225,203,.88);border-radius:18px;background:linear-gradient(135deg,#fffdf7f0,#eff8e8f0),var(--surface);box-shadow:var(--shadow-soft)}.round-action{width:44px;height:44px;border-radius:14px;background:#fffdf8}.task-view-tabs{margin:0 12px 12px;border:1px solid rgba(211,225,203,.88);border-radius:14px;background:#fffdf7b8}.task-view-tabs button{border-radius:10px}.history-tools,.result-group,.plans-section{padding-right:12px;padding-left:12px}.search-field,.filter-scroll button,.pagination-row button{border-radius:14px;background:#fffdf8}.task-loading,.planning-state,.empty-panel,.task-summary-band,.result-group,.redeem-band,.profile-balance{margin:0 12px 12px;border:1px solid rgba(211,225,203,.88);border-radius:18px;background:linear-gradient(180deg,#fffdf7e6,#f4faefe6),#f4faf2;box-shadow:var(--shadow-soft)}.result-group{padding-top:16px;padding-bottom:18px}.result-group-heading>span,.menu-icon,.plan-icon,.redeem-icon,.history-cover,.ai-orbit,.planning-symbol,.empty-panel>span:first-child,.pay-method-logo,.payment-success>span{border-radius:14px;background:linear-gradient(145deg,#f7fff1,#e8f3e3)}.result-card,.plan-card{border-radius:16px}.result-media{background:#f8f4e9}.wallet-hero{grid-template-columns:minmax(0,1fr) 126px;min-height:188px}.wallet-balance{border-radius:16px}.redeem-band{grid-template-columns:42px minmax(0,.68fr) minmax(92px,1fr) auto}.plan-card{min-height:104px;padding:17px 14px}.plan-card.featured{border-color:#b7792f70;background:#fff8eb}.popular-label{background:var(--wheat)}.profile-hero.guest>button,.profile-balance>button,.wallet-balance>button,.text-action{color:var(--wheat)}.profile-menu{gap:10px;padding:0 12px}.profile-menu>button{min-height:76px;border:1px solid rgba(211,225,203,.88);border-radius:18px;background:#fffdf8;box-shadow:var(--shadow-soft)}.logout-button{border-radius:14px}.sheet-layer{background:#17201580}.bottom-sheet{border:1px solid rgba(255,255,255,.72);border-bottom:0;border-radius:22px 22px 0 0}.login-input,.coupon-block input,.redeem-band input{border-radius:14px}@media (max-width: 380px){.creation-form,.history-tools,.result-group,.plans-section{padding-right:10px;padding-left:10px}.agri-section,.page-heading,.wallet-hero,.profile-hero,.task-loading,.planning-state,.empty-panel,.task-summary-band,.redeem-band,.profile-balance{margin-right:10px;margin-left:10px}.wallet-hero{grid-template-columns:minmax(0,1fr) 112px}}.brand-mark{min-height:44px}@media (max-height: 430px) and (orientation: landscape){.app-header{min-height:54px;padding:5px 14px}.brand-mark{min-height:44px}.brand-mark>.app-icon-image{width:30px;height:30px}.brand-mark small,.agri-submit-dock>div small{display:none}.app-main{padding-top:0}.bottom-nav{min-height:calc(54px + env(safe-area-inset-bottom));padding:3px 8px env(safe-area-inset-bottom)}.bottom-nav button{min-height:48px}.workflow-strip{top:58px}.agri-section{scroll-margin-top:116px}.agri-hero{height:126px;aspect-ratio:auto}.hero-banner{-o-object-position:center top;object-position:center top}.agri-submit-dock{bottom:calc(54px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 164px;min-height:58px;padding:6px 14px;border-radius:16px 16px 0 0}.agri-submit-dock>button{min-height:46px}.generation-flow-section{padding-bottom:86px}}