:root{--font:"Shulin Sans","PingFang SC","Microsoft YaHei",sans-serif;--data:"Bahnschrift",var(--font)}
.demo-header{height:68px;background:var(--forest-deep);color:#eef2e9;display:flex;align-items:center;gap:22px;padding:0 max(24px,calc((100vw - 1240px)/2))}
.brand-wordmark{font:400 20px/1.2 Arial,sans-serif;letter-spacing:.13em;text-decoration:none;flex-shrink:0}.demo-header .brand-wordmark{color:#eef2e9}.brand-wordmark span{display:block;font:12px/1.5 var(--font);letter-spacing:.04em;margin-top:6px;color:#c7d3c6}.store-identity{margin-left:auto;text-align:right;min-width:0}.store-identity strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.store-identity small{font-size:12px;color:#c7d3c6}.admin-entry{font-size:13px;text-decoration:none;white-space:nowrap;padding-left:18px;border-left:1px solid #56746a}
.demo-main{width:100%;margin:0;padding:0 0 96px}.brand-hero{position:relative;display:flex;align-items:center;min-height:148px;width:100%;padding:24px max(24px,calc((100vw - 1240px)/2));background:#102d26 url('/assets/brand/rainforest.webp') center 60%/cover no-repeat;color:#f1f4ec}.brand-hero:before{content:"";position:absolute;inset:0;background:#102d2666}.hero-copy{position:relative}.brand-hero h1{font-size:32px;font-weight:600;line-height:1.35;margin:0 0 10px;letter-spacing:-.02em}.brand-hero .intro{font-size:15px;line-height:1.65;color:#dee7da;margin:0;max-width:42ch}
.demo-main>.panel,.demo-main>.stat-grid,.demo-main>.toolbar,.demo-main>.pagination,.demo-main>.logout,.demo-main>h2,.demo-main>.entry-note{width:calc(100% - 48px);max-width:1240px;margin-left:auto;margin-right:auto}.demo-main>.panel{margin-top:28px;margin-bottom:28px}.demo-main>.toolbar{margin-top:24px;margin-bottom:24px}.demo-main>h2{margin-top:36px}.demo-main .panel{border:0;border-radius:14px;background:#f1f3ed;padding:28px;box-shadow:none}.demo-main h2{font-size:20px;font-weight:600;margin:0 0 18px;line-height:1.4;letter-spacing:-.015em}.entry-note{font-size:15px;line-height:1.8;margin-top:24px}.demo-main input,.demo-main select,.demo-main textarea{font-size:16px;min-width:0;max-width:100%;border:1px solid #b7c5b6;border-radius:10px;padding:12px;background:#e5ebe2;color:var(--ink)}.demo-main select{display:block;width:100%;margin:16px 0}.demo-main textarea{display:block;width:100%;min-height:92px;resize:vertical;margin-top:12px}.demo-main .hint{font-size:13px;line-height:1.7;margin:12px 0 0}.demo-main .subtle{font-size:13px}.demo-main .toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.demo-main .stat-grid{background:transparent;margin-top:24px;margin-bottom:28px;border-bottom:1px solid var(--line)}.demo-main .stat{background:transparent;min-height:124px;padding:24px}.demo-main .stat strong{font-size:36px}.demo-main .stat label{font-size:14px}
.type-choice{display:flex;gap:8px;max-width:1240px;margin:20px auto 28px;width:calc(100% - 48px);background:#d8e1d8;padding:5px;border-radius:12px}.type-choice button{flex:1;border:0;min-height:48px;background:transparent;color:var(--muted);font-size:16px;border-radius:9px;font-weight:500}.type-choice button[aria-pressed=true]{background:var(--forest);color:#f1f4ec}
.checkin-layout{max-width:1240px;width:calc(100% - 48px);margin:0 auto;padding-bottom:130px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:32px;align-items:start}.catalog-panel,.experience-panel{min-width:0}.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.catalog-heading h2{margin:0}.catalog-heading>span{font-size:13px;color:var(--muted);white-space:nowrap}.catalog-controls{margin-bottom:20px}.catalog-tabs{display:flex;gap:8px;margin-bottom:14px}.catalog-tabs button{flex:1;min-width:0;min-height:44px;padding:6px;border:0;border-radius:8px;background:#d8e1d8;color:#364f43;font-size:15px}.catalog-tabs button[aria-pressed=true]{background:var(--forest);color:#eff3eb}.catalog-search{display:flex;align-items:center;gap:10px;min-height:48px;background:#f1f3ed;border-radius:10px;padding:0 14px}.demo-main .catalog-search input{background:transparent;border:0;outline-offset:0;flex:1;width:100%;padding:12px 0;border-radius:0}.catalog-search .ui-icon{color:#536759;flex-shrink:0}
.product-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-pick{position:relative;display:flex;flex-direction:column;min-width:0;padding:12px;background:#f1f3ed;border-radius:14px;transition:background 160ms ease-out;box-shadow:inset 0 0 0 1px transparent}.product-pick.is-selected{background:#e0e9db;box-shadow:inset 0 0 0 1.5px #173f35}.product-select{position:relative;display:flex;flex-direction:column;align-items:center;background:transparent;border:0;padding:8px 0 0;min-height:166px;color:var(--ink);text-align:left;width:100%;border-radius:8px}.product-select img{display:block;width:100%;height:108px;object-fit:contain;filter:drop-shadow(0 7px 5px #193b2317);background:transparent;margin:0 0 14px}.product-select>strong{display:block;width:100%;font:600 16px/1.5 var(--font);min-height:48px;overflow-wrap:anywhere}.selection-mark{position:absolute;top:2px;right:2px;width:28px;height:28px;background:#d8e1d8;display:grid;place-items:center;border-radius:50%;color:var(--forest)}.selection-mark .ui-icon{width:16px;height:16px}.is-selected .selection-mark{background:var(--forest);color:#f1f4eb}.product-info{padding:8px 0 12px}.product-info>small{display:block;font-size:12px;color:#536353;line-height:1.6}.product-rebate{display:block;font-size:15px;font-weight:600;line-height:1.5;margin-top:5px;color:var(--forest)}.product-rebate small{font-size:12px;font-weight:400}.product-footer{margin-top:auto}.quantity{width:100%;display:flex;align-items:center;justify-content:space-between;gap:0;background:#cfdcc9;border-radius:8px;overflow:hidden}.quantity button{width:44px;min-width:44px;height:44px;padding:0;display:grid;place-items:center;background:transparent;border:0;color:var(--forest)}.quantity strong{flex:1;text-align:center;font:500 18px/1 var(--data)}.add-product{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border:0;border-radius:8px;background:#dbe4d6;color:var(--forest);font-size:15px}.ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.catalog-empty{grid-column:1/-1;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:18px;color:var(--muted)}.catalog-empty p{font-size:14px}
.business-details{background:#f1f3ed;border-radius:14px;overflow:hidden;scroll-margin-top:24px}.business-details>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px;min-height:88px}.business-details>summary::-webkit-details-marker{display:none}.business-details summary strong{display:block;font-size:18px;font-weight:600}.business-details summary small{display:block;font-size:13px;color:var(--muted);margin-top:7px;line-height:1.6}.business-details[open]>summary>.ui-icon{transform:rotate(90deg)}.business-details>summary:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.details-body{padding:0 24px 24px}.details-body>section{padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.details-body>section:first-child{margin-top:0}.details-body h2{font-size:17px;margin:0 0 16px}.details-body label{font-size:15px;line-height:1.5}.demo-row{display:flex;gap:14px;align-items:center}.demo-row>label{flex:1;min-width:0}.demo-row input{display:block;width:100%;margin-top:8px}.amount-field{display:flex;align-items:center;gap:10px;margin-top:12px}.amount-field>span{font-size:24px}.demo-main .amount-field input{width:100%;font-family:var(--data);font-size:26px}.photo-pick{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;min-height:150px;border-radius:12px;background:#dee7d9;border:1px dashed #81947b;cursor:pointer;padding:18px 10px;color:var(--forest);overflow:hidden}.photo-pick>strong{font-size:14px;font-weight:500}.photo-pick>span{font-size:12px;color:#54644f}.photo-pick>.ui-icon{width:28px;height:28px}.photo-pick input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;border:0;padding:0;min-height:0}.photo-pick img{width:100%;height:110px;object-fit:contain}.photo-pick.has-photo{border-style:solid;border-color:#9bae93}.photo-pick:focus-within{outline:3px solid var(--focus);outline-offset:2px}.experience-panel .photo-pick{min-height:288px}.experience-panel .photo-pick img{height:210px}.experience-panel .photo-pick>strong{font-size:17px}.experience-panel .photo-pick>span{font-size:14px}
.submission-dock{position:fixed;z-index:15;left:0;right:0;bottom:calc(76px + env(safe-area-inset-bottom,0px));background:#dfe7db;border-top:1px solid #b2c0ad;box-shadow:0 -8px 24px #102d2612;padding:16px 24px}.dock-content{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.dock-summary{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;min-width:0}.dock-summary>strong{font:500 28px/1.25 var(--data);color:var(--forest)}.dock-summary>span{font-size:14px;color:#475c47}.dock-details{font-size:13px;color:var(--forest);border:0;border-bottom:1px solid #82977a;background:transparent;padding:5px 0}.submit-actions{display:flex;gap:10px;flex-shrink:0}.submit-actions .button{font-size:15px;min-height:48px;min-width:108px;border-radius:10px}.submit-actions .button-primary{min-width:156px}.store-tabs{position:fixed;z-index:16;bottom:0;left:0;right:0;background:#102d26;display:flex;justify-content:center;gap:8px;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px))}.store-tabs button{min-height:60px;max-width:280px;flex:1;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:10px;background:transparent;color:#becfb9;font-size:14px}.store-tabs button[aria-current]{color:#f1f5ed;background:#ffffff13}.store-tabs .nav-glyph{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.store-tabs button:focus-visible{outline-color:#d4d9be}.toast{bottom:calc(190px + env(safe-area-inset-bottom,0px));z-index:30}.demo-main .winner{border-radius:12px;background:var(--forest-deep);color:#f1f4ed}.demo-main .winner:before{content:""}.demo-main .winner-kicker{font-size:14px;letter-spacing:0}.demo-main .winner strong{font-size:28px;font-weight:600}.demo-main .winner small{font-size:14px;color:#c7d4c0}.demo-main .rank-row{padding:22px 0;font-size:16px}.demo-main .category-tabs{margin:24px 0}.demo-main .record-copy{font-size:15px;line-height:1.8;margin:18px 0}.record-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.record-head h2{margin:0}.record-copy small{font-size:13px;color:var(--muted)}.demo-main .pagination{display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-main .logout{display:block;margin-top:28px}.demo-main .empty-state{padding:36px 16px}.record-expand>summary{cursor:pointer;padding:12px 0;font-size:15px;color:var(--forest)}.category-disclosure{border-bottom:1px solid var(--line)}.category-disclosure>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:16px;padding:20px 0}.category-disclosure summary small{font-size:13px;color:var(--muted);margin-left:12px}.category-disclosure .product-breakdown{padding:0 0 20px}.product-breakdown>div{display:flex;align-items:start;justify-content:space-between;gap:16px;font-size:14px;padding:12px 0}.product-breakdown span small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.product-breakdown strong{white-space:nowrap;font-weight:500}.rank-detail{border-bottom:1px solid var(--line)}.rank-detail>summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;font-size:16px;padding:22px 0}.rank-detail summary em{font-style:normal;font-family:var(--data);font-size:22px}.rank-detail summary strong{font-weight:500}.rank-detail>div{padding:0 0 22px 44px;font-size:14px;color:var(--muted)}
@media(hover:hover){.product-select:hover img{transform:translateY(-2px)}.product-select img{transition:transform 160ms ease-out}.add-product:hover,.quantity button:hover{background:#c8d8c1}.type-choice button:hover:not([aria-pressed=true]){background:#cbd8c8}}
@media(max-width:1050px){.product-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:899px){.demo-header{height:68px;padding:0 16px;gap:14px}.brand-wordmark{font-size:18px}.brand-wordmark span{font-size:11px}.store-identity strong{font-size:12px}.store-identity small{font-size:11px}.admin-entry{font-size:12px;padding-left:12px}.brand-hero{min-height:124px;padding:24px 20px}.brand-hero h1{font-size:27px}.brand-hero .intro{font-size:14px}.type-choice{width:calc(100% - 32px);margin:18px 16px 24px}.checkin-layout{width:calc(100% - 32px);margin:0 16px;display:flex;flex-direction:column;gap:28px;padding-bottom:164px}.checkin-layout>section,.business-details{width:100%}.catalog-heading{margin-bottom:16px}.catalog-heading h2{font-size:19px}.catalog-controls{margin-bottom:16px}.product-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-select img{height:106px}.product-select>strong{font-size:15px;min-height:45px}.product-info>small{font-size:12px}.product-rebate{font-size:14px}.catalog-tabs{gap:6px}.catalog-tabs button{font-size:14px}.submission-dock{padding:12px 16px;bottom:calc(70px + env(safe-area-inset-bottom,0px))}.dock-content{display:block}.dock-summary{gap:10px;margin-bottom:10px}.dock-summary>strong{font-size:23px}.dock-summary>span{font-size:12px}.dock-details{margin-left:auto;font-size:12px}.submit-actions .button{min-height:46px;flex:1;min-width:0}.submit-actions .button-primary{flex:2;min-width:0}.store-tabs button{min-height:54px;gap:6px;font-size:12px;flex-direction:column}.store-tabs .nav-glyph{width:20px;height:20px}.demo-main>.panel,.demo-main>.stat-grid,.demo-main>.toolbar,.demo-main>.pagination,.demo-main>.logout,.demo-main>h2,.demo-main>.entry-note{width:calc(100% - 32px)}.demo-main .panel{padding:24px 20px}.demo-main .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-main .stat{padding:20px 16px;min-height:116px}.demo-main .stat:nth-child(2){border-right:0}.demo-main .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.demo-main .stat strong{font-size:31px}.experience-panel .photo-pick{min-height:224px}.experience-panel .photo-pick img{height:144px}.details-body{padding:0 20px 20px}.business-details>summary{padding:20px}.demo-main .rank-row{font-size:15px}.rank-detail summary{font-size:15px}.rank-detail summary em{font-size:20px}}
@media(max-width:360px){.demo-header{display:grid;grid-template-columns:1fr auto;gap:6px;height:auto;min-height:88px;padding:12px 16px}.admin-entry{grid-column:2;grid-row:1;border:0;padding:0}.store-identity{grid-column:1/-1;grid-row:2;display:flex;gap:8px;text-align:left;margin:0}.product-pick{padding:10px}.product-select>strong{font-size:14px}.product-select img{height:92px}.product-info>small{font-size:12px}.quantity button{min-width:44px;width:44px}.quantity strong{font-size:16px}.dock-summary{gap:6px}.dock-summary>strong{font-size:21px}.dock-summary>span{font-size:12px}.dock-details{font-size:11px}}
@media(prefers-reduced-motion:reduce){.product-select img,.product-pick{transition:none}.product-select:hover img{transform:none}}

.demo-header .admin-entry{display:flex;align-items:center;min-height:44px}.demo-main .rank-detail>summary:focus-visible,.demo-main .category-disclosure>summary:focus-visible,.demo-main .record-expand>summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:899px){.demo-header{height:60px}.brand-hero{min-height:100px;padding:16px 20px}.brand-hero h1{font-size:25px;margin-bottom:8px}.brand-hero .intro{font-size:13px}.type-choice{margin:12px 16px 16px;padding:4px}.type-choice button{min-height:44px}.catalog-heading{margin-bottom:12px}.catalog-tabs{margin-bottom:12px}.catalog-controls{margin-bottom:12px}.product-select img{height:96px;margin-bottom:10px}.product-info{padding:6px 0 10px}}
@media(max-width:360px){.demo-header{height:auto;min-height:88px}.quantity strong{font-size:14px}}

@media(max-width:899px){.submission-dock{padding:10px 16px}.dock-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;margin-bottom:8px}.dock-summary>strong{grid-column:1;grid-row:1;font-size:20px}.dock-summary>span{grid-column:1;grid-row:2;font-size:12px;line-height:1.5}.dock-summary>.dock-details{grid-column:2;grid-row:1/3;margin:0;min-height:44px;border:0;text-decoration:underline}.submit-actions .button{min-height:44px;padding:9px 16px}}

@media(max-width:899px){.dock-summary>span{font-size:11px;line-height:1.5}.dock-summary>strong{font-size:20px}.dock-summary{gap:0 10px}.dock-summary>.dock-details{font-size:11px;min-height:40px}.submission-dock{padding-top:8px;padding-bottom:8px}.submit-actions .button{font-size:14px}}

.demo-header{background:rgba(7,26,21,.58);border-bottom:1px solid #d5bc8929;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#eee2c8}.demo-header .brand-wordmark{color:#e3ce9d}.brand-wordmark span{color:#c6d0b8}.store-identity strong{color:#e4e3cc}.store-identity small{color:#bacbb3}.admin-entry{color:#d5dbc4;border-left-color:#d5bc8940}.brand-hero{min-height:156px;background:#102b22 url('/assets/brand/rainforest.webp') center 57%/cover no-repeat;padding-top:26px;padding-bottom:26px}.brand-hero:before{background:linear-gradient(90deg,#102b22df 5%,#102b2277 63%,#102b2233)}.brand-hero h1{font:500 38px/1.45 var(--editorial);color:#f1e2bf;letter-spacing:.04em;margin-bottom:12px}.brand-hero .intro{font-size:14px;color:#d0d9c2}.type-choice{background:#eee4c60c;border:1px solid #d5bc8933;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:12px;padding:4px}.type-choice button{font-size:15px;color:#cbd3bd;font-weight:400}.type-choice button[aria-pressed=true]{background:#e1cda5;color:#143825;font-weight:500}.catalog-heading h2{font-size:21px;color:#e7dcc0;font-weight:500}.catalog-heading>span,.demo-main .subtle{color:#c0ccb5}.catalog-tabs button{background:#d5bc8912;color:#cbd3bd;border:1px solid #d5bc8924;border-radius:8px}.catalog-tabs button[aria-pressed=true]{background:#e1cda5;color:#183d29;border-color:#e1cda5}.catalog-search{background:rgba(216,220,196,.1);border:1px solid #d5bc8930;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:10px}.catalog-search .ui-icon{color:#c8d2b9}.demo-main .catalog-search input{color:#e9e2c9;caret-color:#e1cda5;font-size:15px}.catalog-search input::placeholder{color:#b9c8b1}.product-catalog{gap:24px 18px}.product-pick,.product-pick.is-selected{padding:0;border-radius:0;background:transparent;box-shadow:none}.product-select{padding:0;min-height:174px;border-radius:0;overflow:visible}.product-stage{display:flex;align-items:center;justify-content:center;height:120px;width:100%;margin-bottom:14px;background:rgba(230,227,212,.9);border-radius:14px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 24px #000e0829}.product-select .product-stage img{width:85%;height:100px;margin:0;background:transparent;filter:drop-shadow(0 7px 5px #122b2724)}.product-pick[data-category="水磁"] .product-stage{background:rgba(221,226,210,.92)}.product-pick[data-category="防脱"] .product-stage{background:rgba(219,211,195,.93)}.product-pick[data-category="白瓶"] .product-stage{background:rgba(238,231,213,.94)}.product-select>strong{font-size:16px;font-weight:500;color:#ede7d1;line-height:1.6;min-height:48px}.selection-mark{top:9px;right:9px;background:#7d8d7330;color:#29492e;border:1px solid #61765238;z-index:1}.is-selected .selection-mark{background:#214c35;color:#f0e6c9;border-color:#214c35}.is-selected .product-stage{box-shadow:inset 0 0 0 1.5px #e1cda5,0 10px 24px #000e0829}.product-info{padding:8px 0 12px}.product-info>small{color:#becbb3;font-size:12px}.product-rebate{color:#dfc68f;font-size:15px;font-weight:500}.product-rebate small{color:#c8ceb7}.add-product{background:rgba(219,205,166,.12);border:1px solid #d5bc8930;color:#e0d3b1;font-size:14px;border-radius:8px;min-height:44px}.quantity{background:#dcc79d;color:#173d29;border-radius:8px}.quantity button{color:#173d29}.quantity strong{color:#173d29}.business-details{--ink:#283b31;--muted:#455447;--line:#a5b09566;background:rgba(234,228,210,.91);color:#283b31;border:1px solid #efe4ca2c;border-radius:16px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 14px 32px #000d082b}.business-details summary strong{font-family:var(--editorial);font-size:21px;font-weight:500;letter-spacing:.02em}.business-details summary small{font-size:12px;color:#455447}.business-details h2{color:#283b31;font-size:17px}.business-details label{color:#283b31}.business-details .subtle,.business-details .hint{color:#455447}.business-details .ui-icon{color:#315037}.details-body>section{border-color:#a5b09566}.demo-main .details-body input,.demo-main .details-body textarea{background:#e5e3d5;border-color:#a7b395;color:#283b31;caret-color:#173f35}.photo-pick{background:#d9e0ca;border-color:#8a9b7b;border-radius:12px;color:#25432e}.photo-pick>span{color:#4a6042}.photo-pick.has-photo{background:#d3ddc0}.experience-panel .catalog-heading h2{font-family:var(--editorial);font-size:25px;color:#e7dcc0}.experience-panel .photo-pick{background:rgba(216,225,199,.87);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 10px 30px #000d0829;border:1px solid #d4cfb640;border-radius:16px}.experience-panel .hint{color:#c7d2b8}.demo-main .panel{--ink:#283b31;--muted:#455447;--line:#a5b09566;background:rgba(235,230,214,.92);color:#283b31;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px;border:1px solid #efe4ca20;box-shadow:0 12px 32px #000d0824}.demo-main .panel h2{color:#283b31;font-weight:500}.demo-main .panel .hint{color:#455447}.demo-main .panel .subtle{color:#455447}.demo-main .panel input,.demo-main .panel select{background:#e5e3d5;color:#283b31;border-color:#a7b395}.demo-main .panel .segment{background:#d4d6c2;border:0}.demo-main .panel .segment button{color:#56664e}.demo-main .panel .segment button.active{background:#214b34;color:#ece5d0}.demo-main .panel .winner,.demo-main .panel .winner.empty{background:linear-gradient(90deg,#102d26ed,#102d2677),url('/assets/brand/rainforest.webp') right center/cover no-repeat;color:#eee4c8;border:1px solid #d5bc8930}.demo-main .panel .winner strong{font-family:var(--editorial);color:#ead3a0;font-size:31px;font-weight:500}.demo-main .panel .winner small{color:#cfdbc0}.demo-main .panel .winner-kicker{color:#dfc898;font-size:12px}.demo-main .stat-grid{background:#ede3c60a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #d5bc8930;border-radius:14px;overflow:hidden}.demo-main .stat{color:#e8e4cd;border-color:#d5bc8930;background:transparent}.demo-main .stat label{color:#c0ccb5;font-size:13px}.demo-main .stat strong{color:#e4cb9a;font-size:33px}.demo-main .stat:nth-child(-n+2){border-bottom-color:#d5bc8930}.demo-main .toolbar .segment{background:#d5bc8914;border-color:#d5bc892a}.demo-main .toolbar .segment button{color:#c7ceb8}.demo-main .toolbar .segment button.active{background:#ded0ae;color:#19392d}.demo-main input.period-date{background:#d5bc8910;color:#e4dcc4;border-color:#d5bc8930;font-size:14px;border-radius:8px}.period-date::-webkit-calendar-picker-indicator{filter:invert(.85)}.demo-main>h2{font-family:var(--editorial);font-size:25px;color:#e9dbb7;font-weight:500}.demo-main .entry-note{color:#d0d6c1}.demo-main .record-copy small{color:#455447}.demo-main .panel .record-expand>summary,.demo-main .panel .rank-detail>div{color:#315336}.rank-detail summary em{color:#315336}.category-disclosure>summary strong{color:#315336}.demo-main .logout{background:#d5bc8914;color:#e4d5b1;border:1px solid #d5bc8930}.submission-dock{background:rgba(12,37,27,.8);border-top:1px solid #dac89b44;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 -12px 36px #000e0733}.dock-summary>strong{color:#e0c695}.dock-summary>span{color:#c6d0b7}.dock-details{color:#dcd5b8;border-bottom-color:#d5bc8970}.submit-actions .button-light{background:#efe6cd13;color:#e0dac0;border:1px solid #d5bc8930}.submit-actions .button-primary{background:#ddc699;color:#123924}.store-tabs{background:rgba(6,25,19,.85);border-top:1px solid #d5bc892a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.store-tabs button{color:#c1cfb3}.store-tabs button[aria-current]{background:#d5bc8918;color:#e8d4a8;box-shadow:inset 0 0 0 1px #d5bc8920}.catalog-empty{color:#c4cdb7}.toast{background:#e4d3ac;color:#183d29}
@media(hover:hover){.add-product:hover{background:#d5bc892a}.quantity button:hover{background:#c8b284}.product-select:hover img{transform:translateY(-3px)}}
@media(max-width:899px){.brand-hero{min-height:118px;padding:16px 20px}.brand-hero h1{font-size:28px;line-height:1.5;margin-bottom:7px}.brand-hero .intro{font-size:13px}.type-choice{margin-top:16px;margin-bottom:22px}.catalog-heading h2{font-size:19px}.product-catalog{gap:24px 14px}.product-select{min-height:164px}.product-stage{height:110px;margin-bottom:12px;border-radius:12px}.product-select .product-stage img{height:92px;width:85%}.product-select>strong{font-size:15px;line-height:1.5;min-height:45px}.product-info{padding:6px 0 10px}.product-info>small{font-size:12px}.business-details summary strong{font-size:20px}.business-details{margin-top:0}.demo-main .panel{padding:24px 20px}.demo-main .stat strong{font-size:29px}.demo-main .stat label{font-size:12px}.demo-main .stat{padding:20px 14px}.demo-main .panel .winner strong{font-size:28px}.experience-panel .catalog-heading h2{font-size:22px}}
@media(max-width:360px){.product-select>strong{font-size:14px}.product-stage{height:104px}.product-select .product-stage img{height:88px}.quantity strong{font-size:14px}}
@supports not (backdrop-filter:blur(1px)){.demo-header,.store-tabs,.submission-dock{background:#102b21}.business-details,.demo-main .panel{background:#e7e2d4}.product-stage{background:#e4dfd0}}

.business-details,.demo-main .panel{--focus:#173f35}

.quantity{--focus:#173f35}
.product-stage{backdrop-filter:none;-webkit-backdrop-filter:none}
.demo-main .panel{background:#ebe6d6;backdrop-filter:none;-webkit-backdrop-filter:none}
.demo-header{box-shadow:0 8px 24px #000c0840,inset 0 1px 0 #eadbb01f}
.product-stage{position:relative;border:0;background:linear-gradient(135deg,#e4e6d4,#c5cfba);box-shadow:0 8px 1px -3px #65755b,0 18px 25px -7px #000f0999,inset 0 1px 0 #fff5dc99;transform:perspective(600px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform 220ms var(--motion-ease),box-shadow 220ms}
.product-pick[data-category="水磁"] .product-stage{background:linear-gradient(135deg,#dfe7d7,#bdcdbb)}
.product-pick[data-category="防脱"] .product-stage{background:linear-gradient(135deg,#e6ddca,#cabca3);box-shadow:0 8px 1px -3px #8d7b60,0 18px 25px -7px #000f0999,inset 0 1px 0 #fff5dc99}
.product-pick[data-category="白瓶"] .product-stage{background:linear-gradient(135deg,#eee7d3,#d5caae);box-shadow:0 8px 1px -3px #958566,0 18px 25px -7px #000f0999,inset 0 1px 0 #fff5dc99}
.product-select .product-stage img{filter:drop-shadow(3px 9px 4px #182a2859);transition:transform 240ms var(--motion-ease);transform-origin:center 80%}
.is-selected .product-stage{box-shadow:0 8px 1px -3px #a38b5e,0 18px 28px -6px #000f0999,inset 0 2px 0 #f0d8a2}
.business-details{border:0;box-shadow:0 18px 38px #000c0859,inset 0 1px 0 #fff6dc78}
.submission-dock{border-top:0;box-shadow:0 -12px 32px #000d0866,inset 0 1px 0 #ebdbad50;background:linear-gradient(145deg,#294435e8,#102b23e8)}
.store-tabs{box-shadow:0 -4px 18px #000d0840,inset 0 1px 0 #e0d1a52b}
.quantity{box-shadow:0 5px 12px #000d0840,inset 0 1px 0 #fff4d47a}
.quantity strong,#dock-bottles{display:inline-block}
.type-choice button,.catalog-tabs button,.add-product,.quantity button{transition:background-color 160ms,color 160ms,transform 160ms var(--motion-ease),box-shadow 180ms}
.submit-actions .button-primary{background:linear-gradient(140deg,#ebd9b0,#ccb37c)}
@media(hover:hover){.product-select:hover .product-stage img{transform:translateY(-6px) scale(1.04)}.add-product:hover{box-shadow:0 6px 14px #000c0838}.product-select:hover .product-stage{box-shadow:0 8px 1px -3px #8a956c,0 22px 32px -7px #000f09aa,inset 0 1px 0 #fff5dc99}}
@media(prefers-reduced-motion:reduce){.product-stage{transform:none!important;transition:none}.product-select .product-stage img{transition:none}.product-select:hover .product-stage img{transform:none}.type-choice button,.catalog-tabs button,.add-product,.quantity button{transition:background-color 100ms,color 100ms}}
/* Stable editing: quantity first, compact browsing, complete business fields. */
.quantity{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:0}
.quantity-value{display:flex;justify-content:center;align-items:baseline;gap:3px;min-width:0}
.quantity-value small{font-size:11px;color:#25442f;line-height:1}
.quantity-value strong{font-size:16px;line-height:1.2}
.product-select{min-height:0}.product-select>strong{min-height:44px;line-height:1.45}
.product-stage{height:112px;margin-bottom:10px}.product-select .product-stage img{height:96px}
.product-info{display:flex;flex-direction:column;gap:3px;padding:4px 0 10px}
.product-info>small{line-height:1.45}.product-rebate{line-height:1.4}
.dock-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px}
.dock-summary>strong{grid-column:1;grid-row:1;font-size:22px;line-height:1.25;color:#ead6ae}
.dock-summary>.dock-calculation{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;line-height:1.5}
.dock-calculation #dock-bottles{color:#d0dac2;font:inherit}.dock-calculation #dock-rebate{color:#d0dac2}
.dock-summary>.dock-details{grid-column:2;grid-row:1/3;align-self:center;min-height:44px;margin:0;font-size:12px;border:0;text-decoration:underline}
.business-details .details-body{padding:0 24px 24px}.details-body>section{padding:20px 0}
.details-body label{font-size:14px;line-height:1.5}.time-panel .demo-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.time-panel input{width:100%;min-height:48px;margin-top:8px}
.amount-field{display:flex;align-items:center;gap:0;border:1px solid #a7b395;background:#e5e3d5;border-radius:10px;min-height:52px;margin-top:8px}
.amount-field>span{padding:12px 0 12px 14px;color:#455447;font-size:20px}
.demo-main .details-body .amount-field input{border:0;background:transparent;padding:10px 12px;font-size:24px;min-height:48px;flex:1;margin:0}
.amount-field:focus-within{outline:3px solid var(--focus);outline-offset:2px}.amount-field input:focus-visible{outline:none}
.photo-panel .photo-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:12px}
.photo-fields .photo-pick{min-width:0}.photo-panel .photo-required{min-height:168px}.photo-panel .photo-optional{min-height:128px;background:#e0e3d3;box-shadow:none}
.photo-panel .photo-optional>strong{font-size:13px}.photo-panel .photo-optional img{height:72px}.photo-pick>span{line-height:1.5}
.submission-dock{background:linear-gradient(145deg,#294435f2,#102b23f2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.business-details{background:#eae4d2;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:899px){.brand-hero{min-height:84px;padding:12px 20px}.brand-hero h1{font-size:26px;line-height:1.35;margin-bottom:4px}.brand-hero .intro{font-size:13px;line-height:1.5}.type-choice{margin:12px 16px 16px}.catalog-heading{margin-bottom:12px}.catalog-tabs{margin-bottom:10px}.catalog-controls{margin-bottom:14px}.product-catalog{gap:22px 14px}.product-stage{height:102px;margin-bottom:9px}.product-select .product-stage img{height:88px}.product-select>strong{font-size:15px;min-height:44px}.product-info{padding:3px 0 8px}.dock-summary{gap:2px 8px;margin-bottom:8px}.dock-summary>strong{font-size:20px}.dock-summary>.dock-calculation{font-size:12px;gap:1px 8px}.dock-summary>.dock-details{font-size:12px}.business-details .details-body{padding:0 20px 20px}.details-body>section{padding:16px 0}.photo-panel .photo-required{min-height:150px}.photo-panel .photo-optional{min-height:116px}.quantity-value strong{font-size:14px}.quantity-value{gap:2px}.product-stage{transition:transform 160ms var(--motion-ease)}
}
@media(max-width:360px){.time-panel .demo-row{grid-template-columns:1fr}.product-select>strong{font-size:14px}.dock-summary>.dock-calculation{font-size:11px;gap:0 6px}.dock-summary>.dock-details{font-size:11px}.brand-hero h1{font-size:25px}.photo-panel .photo-fields{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
@media(min-width:900px){.brand-hero{min-height:116px;padding-top:16px;padding-bottom:16px}.brand-hero h1{font-size:32px;line-height:1.35;margin-bottom:8px}.type-choice{margin-top:20px;margin-bottom:24px}}
@media(max-width:360px){.brand-hero{min-height:76px;padding-top:8px;padding-bottom:8px}.type-choice{margin-top:8px;margin-bottom:12px}.catalog-heading{margin-bottom:8px}.catalog-tabs{margin-bottom:8px}.catalog-controls{margin-bottom:10px}.product-stage{height:96px}.product-select .product-stage img{height:84px}}
.product-select:disabled{opacity:1;cursor:progress}
@media(max-width:360px){.demo-header{min-height:72px;padding:8px 16px;gap:4px}}
@media(max-width:899px){.brand-hero{min-height:76px;padding-top:8px;padding-bottom:8px}.type-choice{margin-top:8px;margin-bottom:12px}.catalog-controls{margin-bottom:10px}}
@media(max-width:360px){.type-choice{margin-bottom:8px}.catalog-heading{margin-bottom:4px}.dock-summary>.dock-calculation{font-size:12px}}
.demo-main .store-login{max-width:480px;margin:32px auto}
.store-login h2{font-family:var(--editorial);font-size:25px;margin:0 0 12px}
.store-login form,.store-password form{display:grid;gap:12px}
.store-login label,.store-password label{margin-top:8px;font-size:15px}
.demo-main .store-login input,.demo-main .store-password input{width:100%;min-width:0;min-height:48px;font-size:16px}
.store-login input::placeholder{color:#455447}
.store-login .button,.store-password .button{min-height:48px;margin-top:8px}
.demo-main .store-login .button-primary:not(:disabled):hover,.demo-main .store-password .button-primary:not(:disabled):hover{background:#d9c18f;color:#153d2a}
.store-login .hint{line-height:1.7;margin:12px 0 20px}
.store-login a{color:#214b34;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
.demo-main .login-error{color:#803126;font-size:14px;line-height:1.6;margin:4px 0}
.store-password>summary{min-height:44px;cursor:pointer;line-height:1.8}
.store-password form{margin-top:16px}
.store-password>summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:899px){.demo-main .store-login{margin:24px 16px}.demo-main .store-password{margin:16px}}