/* 快抄 UX v4 — task clarity, mobile drawer, undo and templates */
.kc4-group-bar{display:flex;align-items:center;gap:7px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--v3-line);overflow-x:auto;scrollbar-width:none}.kc4-group-bar>span{flex:0 0 auto;color:var(--v3-muted);font-size:10px;font-weight:950;letter-spacing:.08em}.kc4-group-bar button{flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid var(--v3-line);border-radius:999px;background:#fff;color:var(--v3-muted);font-size:11px;font-weight:900}.kc4-group-bar button.active{border-color:var(--v3-orange);background:var(--v3-orange-soft);color:#ad461f}.kc4-group-bar em{margin-left:auto;color:var(--v3-muted);font-size:10px;font-style:normal;white-space:nowrap}.product-card.kc4-group-hidden{display:none!important}
.kc4-feature-tags{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 0}.kc4-feature-tags span{display:inline-flex;align-items:center;min-height:23px;padding:0 7px;border:1px solid #dce5e1;border-radius:7px;background:#f5f8f6;color:#476166;font-size:10px;font-weight:900;letter-spacing:.02em}.kc4-feature-tags [data-feature="去油"]{border-color:#f5c29d;background:#fff2e7;color:#a84d21}.kc4-feature-tags [data-feature="去垢"],.kc4-feature-tags [data-feature="酵素"]{border-color:#bcd8ef;background:#edf7ff;color:#27678e}.kc4-feature-tags [data-feature="除菌"],.kc4-feature-tags [data-feature="抗病毒"]{border-color:#aadfce;background:#eaf9f3;color:#176c59}.kc4-feature-tags [data-feature="低敏"],.kc4-feature-tags [data-feature="舒敏"]{border-color:#d8c7ed;background:#f7f0ff;color:#75539c}.kc4-feature-tags [data-feature="去味"]{border-color:#c8d5f1;background:#f0f4ff;color:#4c6392}.kc4-feature-tags [data-feature="厚棒"]{border-color:#e6d0aa;background:#fff8e8;color:#7c622e}.design-v3 .product-emoji svg,.kc4-row-icon svg{width:21px;height:21px;fill:currentColor}.design-v3 .product-emoji[data-kc-icon="paper"]{color:#54708f;background:#eef4fb!important}.design-v3 .product-emoji[data-kc-icon="dish"],.design-v3 .product-emoji[data-kc-icon="refill"]{color:#188077;background:#eaf8f5!important}.design-v3 .product-emoji[data-kc-icon="laundry"]{color:#8c5aa5;background:#f6effa!important}.design-v3 .product-emoji[data-kc-icon="home"]{color:#b86a36;background:#fff3e9!important}.product-card.kc4-tap{animation:kc4-card-tap .28s ease}@keyframes kc4-card-tap{50%{transform:scale(.985);box-shadow:0 0 0 4px rgba(244,119,69,.15)}}
.kc4-undo{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:10020;display:flex;align-items:center;gap:18px;min-width:min(360px,calc(100vw - 24px));padding:11px 12px 11px 16px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:#173b4a;color:#fff;box-shadow:0 18px 48px rgba(10,32,40,.28);opacity:0;transform:translate(-50%,20px);pointer-events:none;transition:.2s ease}.kc4-undo.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.kc4-undo span{flex:1;font-size:13px;font-weight:800}.kc4-undo button{min-height:36px;padding:0 13px;border:0;border-radius:10px;background:var(--v3-orange);color:#fff;font-weight:950}
.kc4-drawer{position:fixed;inset:0;z-index:10010;visibility:hidden;pointer-events:none}.kc4-drawer.open{visibility:visible;pointer-events:auto}.kc4-drawer-backdrop{position:absolute;inset:0;background:rgba(8,27,34,.54);opacity:0;backdrop-filter:blur(3px);transition:opacity .22s ease}.kc4-drawer.open .kc4-drawer-backdrop{opacity:1}.kc4-drawer-panel{position:absolute;left:50%;bottom:0;display:flex;flex-direction:column;width:min(680px,100%);max-height:min(88dvh,820px);overflow:hidden;border:1px solid rgba(19,47,56,.12);border-radius:25px 25px 0 0;background:#f8faf7;color:#132f38;box-shadow:0 -28px 80px rgba(7,30,38,.24);transform:translate(-50%,105%);transition:transform .28s cubic-bezier(.2,.75,.2,1)}.kc4-drawer.open .kc4-drawer-panel{transform:translate(-50%,0)}.kc4-drawer-handle{flex:0 0 auto;width:46px;height:5px;margin:9px auto 2px;border-radius:99px;background:#cbd6d1}.kc4-drawer header{display:flex;align-items:center;justify-content:space-between;padding:9px 18px 13px;border-bottom:1px solid #dfe7e3}.kc4-drawer header small{display:block;color:#167f78;font-size:9px;font-weight:950;letter-spacing:.16em}.kc4-drawer header h2{margin:2px 0 0;font-size:22px;letter-spacing:-.03em}.kc4-drawer header>button{width:40px;height:40px;border:1px solid #d8e1dc;border-radius:12px;background:#fff;color:#60747a;font-size:23px}.kc4-drawer-items{min-height:110px;overflow:auto;padding:10px 14px}.kc4-drawer-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto 32px;align-items:center;gap:9px;padding:10px 5px;border-bottom:1px solid #e5ebe8}.kc4-row-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eaf5f2;color:#167f78}.kc4-drawer-row>div:nth-child(2){min-width:0}.kc4-drawer-row strong{display:block;overflow:hidden;color:#173842;font-size:13px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.kc4-drawer-row small{display:block;margin-top:2px;color:#718287;font-size:10px}.kc4-row-qty{display:grid;grid-template-columns:34px 36px 34px;align-items:center;gap:3px}.kc4-row-qty button{width:34px;height:34px;border:1px solid #d8e1dc;border-radius:10px;background:#fff;color:#173b4a;font-size:18px;font-weight:900}.kc4-row-qty button:last-child{border-color:#f47745;background:#f47745;color:#fff}.kc4-row-qty b{text-align:center;font-size:15px}.kc4-row-remove{width:30px;height:30px;border:0;border-radius:9px;background:#f3f5f2;color:#85938f;font-size:18px}.kc4-drawer-empty{display:grid;place-items:center;gap:3px;padding:27px;color:#60747a}.kc4-drawer-empty b{color:#173842}.kc4-template-section{padding:12px 16px;border-top:1px solid #dfe7e3;background:#f0f4f1}.kc4-template-section>div:first-child{display:flex;align-items:center;justify-content:space-between}.kc4-template-section strong{font-size:12px}.kc4-template-section [data-kc-template-save]{min-height:32px;border:1px solid #bed9d1;border-radius:10px;background:#fff;color:#126d67;font-size:11px;font-weight:900}.kc4-template-list{display:flex;gap:7px;margin-top:9px;overflow-x:auto}.kc4-template-list>p{margin:3px 0;color:#82908d;font-size:11px}.kc4-template-chip{display:flex;flex:0 0 auto;overflow:hidden;border:1px solid #d8e1dc;border-radius:11px;background:#fff}.kc4-template-chip button{border:0;background:transparent}.kc4-template-chip button:first-child{display:grid;padding:7px 10px;text-align:left}.kc4-template-chip span{max-width:130px;overflow:hidden;color:#173842;font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.kc4-template-chip small{color:#7e8f8c;font-size:9px}.kc4-template-chip button:last-child{width:30px;color:#8b9895;font-size:16px}.kc4-drawer footer{display:flex;align-items:center;gap:12px;padding:11px 14px max(11px,env(safe-area-inset-bottom));border-top:1px solid #d8e1dc;background:#fff}.kc4-drawer footer>div{display:grid;min-width:88px}.kc4-drawer footer span{color:#718287;font-size:10px}.kc4-drawer footer strong{font-size:17px}.kc4-drawer footer>button{flex:1;min-height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,#f47745,#ef9451);color:#fff;font-weight:950;box-shadow:0 9px 20px rgba(244,119,69,.22)}body.kc4-drawer-open{overflow:hidden}
html[data-theme="dark"] .kc4-group-bar button,html[data-theme="soft"] .kc4-group-bar button{background:#17343e;color:#d6e6e4}.design-v3 .kc4-group-bar button.active{background:var(--v3-orange-soft)!important;color:#ad461f!important}.design-v3 .kc4-feature-tags span{box-shadow:none!important}
@media(min-width:701px){.kc4-drawer-panel{border-radius:25px}.kc4-undo{bottom:24px}}
@media(max-width:700px){.kc4-group-bar{margin-left:-2px;margin-right:-2px;padding-bottom:2px}.kc4-group-bar em{position:sticky;right:0;padding:5px 1px 5px 8px;background:linear-gradient(90deg,transparent,var(--v3-surface) 28%)}.kc4-feature-tags{margin-top:7px}.kc4-undo{bottom:calc(82px + env(safe-area-inset-bottom))}.kc-active-item{bottom:calc(148px + env(safe-area-inset-bottom))}.kc-keyboard-open .kc4-undo{bottom:calc(var(--kc-keyboard-height) + 62px)}.kc-keyboard-open .kc-active-item{bottom:calc(var(--kc-keyboard-height) + 130px)}.kc4-drawer-row{grid-template-columns:34px minmax(0,1fr) auto 28px}.kc4-row-icon{width:34px;height:34px}.kc4-row-qty{grid-template-columns:32px 30px 32px}.kc4-row-qty button{width:32px;height:36px}.kc4-drawer-panel{max-height:91dvh}}
@media(max-width:370px){.kc4-drawer-row{grid-template-columns:minmax(0,1fr) auto 27px}.kc4-row-icon{display:none}.kc4-drawer-items{padding-inline:10px}.kc4-row-qty{grid-template-columns:30px 26px 30px}.kc4-row-qty button{width:30px}}
@media(prefers-reduced-motion:reduce){.kc4-drawer-panel,.kc4-drawer-backdrop,.kc4-undo{transition:none}.product-card.kc4-tap{animation:none}}