:root{color:#20242a;background:#eef0f2;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:#eef0f2}button{font:inherit;letter-spacing:0;-webkit-tap-highlight-color:transparent}#app{min-height:100vh;background:#f6f7f8}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;background:#fffffff5;border-bottom:1px solid #e7e9ec;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar h1{margin:0;text-align:center;font-size:18px;font-weight:650}.icon-button{display:grid;width:40px;height:40px;place-items:center;padding:0;color:#30343a;background:transparent;border:0;border-radius:6px}.icon-button svg{width:23px;height:23px}.page-shell{width:min(100%,760px);min-height:calc(100vh - 56px);margin:0 auto;padding:14px 14px calc(48px + env(safe-area-inset-bottom))}.overview{padding:20px;color:#fff;background:#173f35;border-radius:8px;box-shadow:0 8px 22px #173f3526}.overview-heading,.section-heading,.title-group,.tool-heading,.activity-heading,.activity-meta{display:flex;align-items:center}.overview-heading{align-items:flex-start;justify-content:space-between;gap:16px}h2{margin:0;font-size:18px;font-weight:650}.overview-heading p{margin:5px 0 0;color:#ffffff9e;font-size:12px}.primary-button{display:flex;align-items:center;gap:5px;height:36px;padding:0 13px;color:#fff;background:#eb553b;border:0;border-radius:6px;font-size:14px;font-weight:600}.primary-button svg{width:16px;height:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px}.stat{min-width:0;padding:0 9px;text-align:center;border-right:1px solid rgba(255,255,255,.16)}.stat:last-child{border-right:0}.stat strong,.stat span{display:block;white-space:nowrap}.stat strong{font-size:21px}.stat span{margin-top:7px;color:#ffffffa1;font-size:12px}.panel{margin-top:14px;padding:20px 16px;background:#fff;border:1px solid #eceef0;border-radius:8px}.section-heading{justify-content:space-between;gap:12px}.section-heading>span,.title-group span{color:#92969c;font-size:12px}.title-group{align-items:baseline;gap:8px}.filters{display:flex;gap:8px;margin:18px -2px 16px;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter-button{flex:0 0 auto;height:34px;padding:0 13px;color:#62676e;background:#f1f3f4;border:0;border-radius:5px;font-size:13px}.filter-button.active{color:#fff;background:#173f35}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-item{display:flex;min-height:88px;gap:10px;padding:14px 11px;text-align:left;background:#fff;border:1px solid #e7e9ec;border-radius:7px;transition:transform .15s,border-color .15s,box-shadow .15s}.tool-item:active{transform:scale(.98)}.tool-item:hover{border-color:#bec7c3;box-shadow:0 5px 16px #20242a0f}.tool-icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:6px}.tool-icon svg{width:20px;height:20px}.tool-copy,.activity-copy{min-width:0;flex:1}.tool-heading{align-items:flex-start;gap:5px}.tool-heading strong{font-size:14px;line-height:1.35}.tool-heading em{padding:2px 4px;color:#d64d37;background:#fff0ed;border-radius:3px;font-size:9px;font-style:normal;font-weight:500;white-space:nowrap}.tool-description{display:block;margin-top:7px;color:#858a91;font-size:11px;line-height:1.4}.tone-red{color:#d94d58;background:#fff0f1}.tone-orange{color:#d66f13;background:#fff3e6}.tone-blue{color:#2d75d3;background:#edf5ff}.tone-green{color:#197b68;background:#eaf7f3}.tone-rose{color:#d4485d;background:#fff0f3}.tone-purple{color:#7054b9;background:#f2effd}.tone-forest{color:#36783d;background:#eef7ef}.tone-gold{color:#a86f17;background:#fff6e2}.tone-teal{color:#167984;background:#eaf7f9}.text-button{padding:5px 0;color:#27715c;background:transparent;border:0;font-size:13px}.status-filters{display:flex;gap:28px;margin:18px -16px 0;padding:0 16px;border-bottom:1px solid #e8eaed;overflow-x:auto}.status-button{position:relative;flex:0 0 auto;padding:0 0 13px;color:#73787f;background:transparent;border:0;font-size:13px}.status-button.active{color:#173f35;font-weight:650}.status-button.active:after{position:absolute;bottom:0;left:50%;width:24px;height:3px;content:"";background:#eb553b;border-radius:2px;transform:translate(-50%)}.activity-item{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;width:100%;gap:11px;align-items:start;padding:16px 0;text-align:left;background:transparent;border:0;border-bottom:1px solid #eceef0}.activity-item:last-child{border-bottom:0}.activity-heading{justify-content:space-between;gap:8px}.activity-heading strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.status-badge{flex:0 0 auto;padding:3px 6px;border-radius:3px;font-size:10px;font-style:normal;font-weight:500}.status-active{color:#217d5a;background:#e7f6ef}.status-pending{color:#ad6718;background:#fff3e3}.status-ended{color:#80858c;background:#eff0f2}.activity-rule{display:block;margin-top:5px;color:#73787f;font-size:12px}.activity-meta{justify-content:space-between;gap:10px;margin-top:12px;color:#a0a4aa;font-size:11px}.activity-arrow{width:18px;height:18px;margin-top:10px;color:#afb3b9}.empty-state{display:flex;flex-direction:column;align-items:center;padding:52px 10px;color:#9ba0a7;text-align:center}.empty-state svg{width:34px;height:34px}.empty-state strong{margin-top:10px;color:#5b6067;font-size:14px}.empty-state span{margin-top:6px;font-size:12px}.toast{position:fixed;bottom:calc(34px + env(safe-area-inset-bottom));left:50%;z-index:50;max-width:calc(100% - 48px);padding:10px 15px;color:#fff;background:#181b1fe6;border-radius:6px;opacity:0;pointer-events:none;font-size:13px;transform:translate(-50%,12px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%)}.preview-notice{margin-bottom:12px;padding:10px 12px;color:#8b5a17;background:#fff7e7;border:1px solid #f1dfba;border-radius:6px;font-size:12px;line-height:1.5}.text-button{display:inline-flex;align-items:center;gap:3px}.text-button svg{width:15px;height:15px}.form-shell{width:min(100%,760px);min-height:calc(100vh - 56px);margin:0 auto;padding:12px 12px calc(92px + env(safe-area-inset-bottom))}.form-section{margin-bottom:12px;padding:18px 16px;background:#fff;border:1px solid #e9ebee;border-radius:8px}.form-section>h2,.form-section .section-heading h2{margin-bottom:16px;font-size:16px}.form-section .section-heading{margin-bottom:14px}.form-section .section-heading h2{margin-bottom:0}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:block;min-width:0;margin-bottom:16px}.field:last-child{margin-bottom:0}.field>span{display:block;margin-bottom:8px;color:#545960;font-size:13px}.field b{margin-left:3px;color:#e0523d;font-weight:500}.field input,.field select{width:100%;height:42px;padding:0 11px;color:#24282e;background:#f8f9fa;border:1px solid #dfe2e5;border-radius:6px;outline:0;font-size:14px}.field input:focus,.field select:focus,.mini-input:focus{background:#fff;border-color:#27715c;box-shadow:0 0 0 3px #27715c14}.switch-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:3px}.switch-line span{display:flex;min-width:0;flex-direction:column;gap:4px}.switch-line strong{font-size:14px}.switch-line small{color:#92969d;font-size:11px}.switch-line input{position:absolute;opacity:0}.switch-line i{position:relative;flex:0 0 42px;width:42px;height:24px;background:#c7cbd0;border-radius:12px;transition:.18s}.switch-line i:after{position:absolute;top:3px;left:3px;width:18px;height:18px;content:"";background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;transition:.18s}.switch-line input:checked+i{background:#27715c}.switch-line input:checked+i:after{transform:translate(18px)}.rule-sentence{padding:16px 12px;color:#4f545b;background:#f8f9fa;border-radius:6px;font-size:14px;line-height:42px}.mini-input{width:86px;height:36px;margin:0 5px;padding:0 8px;text-align:center;background:#fff;border:1px solid #dfe2e5;border-radius:5px;outline:0}.field-tip{margin:9px 0 0;color:#9a9fa5;font-size:11px}.cycle-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cycle-button{height:36px;padding:0 5px;color:#656a71;background:#f2f4f5;border:1px solid transparent;border-radius:5px;font-size:12px}.cycle-button.active{color:#246c58;background:#eaf5f1;border-color:#8ab5a7;font-weight:600}.weekday-options{display:none;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px}.weekday-options.show{display:grid}.weekday-button{min-width:0;height:34px;padding:0;color:#777c82;background:#fff;border:1px solid #dfe2e5;border-radius:5px;font-size:11px}.weekday-button.active{color:#fff;background:#27715c;border-color:#27715c}.schedule-list{margin-top:16px;border-top:1px solid #eceef0}.schedule-row{display:grid;grid-template-columns:42px minmax(0,1fr) 18px minmax(0,1fr) 28px;gap:7px;align-items:center;padding:12px 0;border-bottom:1px solid #eceef0}.schedule-row>span{color:#666b72;font-size:12px}.schedule-row>b{color:#9a9fa5;text-align:center;font-size:11px;font-weight:400}.schedule-row input{min-width:0;width:100%;height:36px;padding:0 6px;color:#30343a;background:#f8f9fa;border:1px solid #dfe2e5;border-radius:5px;outline:0}.schedule-row button{display:grid;width:28px;height:28px;place-items:center;padding:0;color:#d05749;background:transparent;border:0}.schedule-row button svg{width:16px}.schedule-space{width:28px}.add-schedule-button{display:flex;align-items:center;gap:4px;margin-top:13px;padding:0;color:#27715c;background:transparent;border:0;font-size:12px}.add-schedule-button svg{width:15px}.agreement{display:flex;align-items:flex-start;gap:8px;color:#686d74;font-size:12px;line-height:1.5}.agreement input{width:16px;height:16px;margin:1px 0 0;accent-color:#27715c}.form-actions{position:fixed;right:0;bottom:0;left:0;z-index:15;display:grid;grid-template-columns:1fr 2fr;gap:10px;width:min(100%,760px);margin:auto;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid #e2e5e8}.form-actions button{height:44px;border-radius:6px;font-size:15px;font-weight:600}.secondary-button{color:#27715c;background:#fff;border:1px solid #27715c}.submit-button{color:#fff;background:#e9533d;border:1px solid #e9533d}.selected-products{display:grid;gap:8px}.selected-product{display:grid;grid-template-columns:46px minmax(0,1fr) 32px;gap:10px;align-items:center;padding:9px;background:#f8f9fa;border-radius:6px}.selected-product img,.picker-product img,.product-image-placeholder{width:46px;height:46px;background:#e9ecee;border-radius:5px;object-fit:cover}.product-image-placeholder{display:grid;place-items:center;color:#969ca2}.product-image-placeholder svg{width:20px}.selected-product span,.picker-product span{display:flex;min-width:0;flex-direction:column;gap:5px;text-align:left}.selected-product strong,.picker-product strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.selected-product small,.picker-product small{color:#e0523d;font-size:12px}.selected-product button{display:grid;width:32px;height:32px;place-items:center;padding:0;color:#91969c;background:transparent;border:0}.selected-product button svg{width:17px}.inline-empty{padding:26px 10px;color:#a0a5ab;text-align:center;background:#f8f9fa;border-radius:6px;font-size:12px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#1115187a}.product-picker{display:flex;width:min(100%,760px);max-height:82vh;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-radius:8px 8px 0 0}.picker-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:56px;padding:0 8px;border-bottom:1px solid #e8eaed}.picker-header h2{text-align:center;font-size:16px}.search-box{display:flex;align-items:center;gap:8px;margin:12px 14px;padding:0 11px;background:#f1f3f4;border-radius:6px}.search-box svg{width:17px;color:#8d9298}.search-box input{width:100%;height:40px;padding:0;background:transparent;border:0;outline:0}.picker-list{min-height:260px;padding:0 14px 16px;overflow-y:auto}.picker-product{display:grid;grid-template-columns:46px minmax(0,1fr) 28px;width:100%;gap:11px;align-items:center;padding:11px 0;color:#262a2f;background:transparent;border:0;border-bottom:1px solid #eceef0}.picker-product>svg{width:20px;color:#a5aab0}.picker-product.selected>svg{color:#27715c}.loading-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#fff;background:#14181b6b;font-size:12px}.loading-mask svg{width:28px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 760px){#app{width:760px;min-height:calc(100vh - 32px);margin:16px auto;border:1px solid #dfe2e5;box-shadow:0 16px 50px #20242a1f}.topbar{position:sticky}.page-shell{padding:18px 20px 56px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 420px){.form-row{grid-template-columns:1fr;gap:0}.overview{padding:18px 15px}.tool-item{min-height:92px}.schedule-row{grid-template-columns:38px minmax(0,1fr) 14px minmax(0,1fr) 24px;gap:4px}}