/* 商家宴客风格：以餐饮实景、酒红与香槟金形成丰富但可读的工作台。 */
#app .wb-app{--wb-bg:#f1e9dc;--wb-line:#e0d2bd;--wb-muted:#71614f;--wb-gold:#ad8250;background:#f1e9dc}
#app .wb-app .wb-sidebar{background:#321a1b;color:#f8e9cf;border-right:1px solid #684b35;isolation:isolate}
#app .wb-app .wb-sidebar::before{content:"";position:absolute;inset:55% 0 0;z-index:-1;background:linear-gradient(#321a1b,rgba(50,26,27,.82)),url('/images/food/restaurant-evening-d2b0f01da974.png') 82% bottom/auto 100% no-repeat;pointer-events:none}
#app .wb-app .wb-brand{padding-bottom:28px;border-bottom:1px solid #765338;margin-bottom:14px}
#app .wb-app .wb-brand-mark{background:#e9c787;color:#47291d;border:1px solid #f7deb0;border-radius:12px}
#app .wb-app .wb-brand strong{color:#f5dfb6;font-size:23px}
#app .wb-app .wb-brand small{color:#d6bea2}
#app .wb-app .wb-nav-item{color:#f0dfc9;min-height:42px}
#app .wb-app .wb-nav-item .wb-icon{color:#d8b880}
#app .wb-app .wb-nav-label{color:#c8aa88;font-size:11px}
#app .wb-app .wb-nav-divider{border-color:#765338}
#app .wb-app .wb-nav-item:hover{background:#553032;color:#fff5e3}
#app .wb-app .wb-nav-item.selected{background:#edd4a2;color:#482725;font-weight:650}
#app .wb-app .wb-nav-item.selected .wb-icon{color:#70363a}
#app .wb-app .wb-sidebar-foot{color:#d6bea2}
#app .wb-app .wb-header{background:#fbf7ef;border-bottom:1px solid #dccab2;margin-bottom:20px}
#app .wb-app .wb-search{background:#f2eadf;border-color:#e3d5c3}
#app .wb-app .wb-home-grid{gap:20px;grid-template-columns:minmax(0,1fr) 300px}
/* 主画面保留完整右侧宴客场景，操作区固定在安静的左侧。 */
#app .wb-app .wb-home-heading{min-height:252px;padding:32px 36px;align-items:flex-start;justify-content:center;flex-direction:column;gap:22px;border-radius:14px;background:#451817 url('/images/food/restaurant-evening-d2b0f01da974.png') center center/cover no-repeat;color:#fff3dc}
#app .wb-app .wb-home-heading::before{inset:9px;border:1px solid rgba(231,193,126,.58);background:none;z-index:-1;opacity:1;border-radius:8px}
#app .wb-app .wb-home-heading h1{font-size:38px;line-height:1.35;font-weight:650;color:#fff3dc;letter-spacing:.02em}
#app .wb-app .wb-home-heading p{color:#e9d5b8;font-size:14px;margin-top:10px}
#app .wb-app .wb-home-actions{gap:12px;width:auto}
#app .wb-app .wb-home-heading .wb-button{min-height:46px;min-width:130px;background:#54272c;color:#fff3dc;border-color:#cda970;font-size:14px}
#app .wb-app .wb-home-heading .wb-primary{background:#f0d49a;color:#452719;border-color:#f0d49a}
#app .wb-app .wb-stats{gap:12px}
#app .wb-app .wb-stat{position:relative;background:#fcf8f0;border:1px solid #ddcfb8;padding:18px 16px;min-height:126px;border-radius:12px}
#app .wb-app .wb-stat strong{font-size:31px;margin-top:9px;color:#54362b}
#app .wb-app .wb-stat div>span{font-size:12px;color:#6b5a47}
#app .wb-app .wb-stat small{color:#75614d;font-size:11px}
#app .wb-app .wb-stat:first-child{background:#6a2c32;border-color:#6a2c32}
#app .wb-app .wb-stat:first-child strong{color:#f6d69b}
#app .wb-app .wb-stat:first-child :is(div>span,small){color:#f4e1c8}
#app .wb-app .wb-stat:nth-child(3){background:#e6e9dc;border-color:#ccd4bf}
#app .wb-app .wb-stat:nth-child(3) strong{color:#3f543a}
#app .wb-app .wb-stat:nth-child(4){background:#efe0c5;border-color:#dcc5a1}
#app .wb-app .wb-stat:nth-child(4) strong{color:#745125}
/* 前三项为高频经营动作，使用有真实场景的较大入口。 */
#app .wb-app .wb-quick{background:#fbf7ef;padding:20px;border-color:#dfcfb6}
#app .wb-app .wb-quick-grid{gap:12px;margin-top:16px}
#app .wb-app .wb-quick-grid a{min-height:64px;background:#f4ebde;border-color:#e5d5bd;font-weight:550;gap:10px}
#app .wb-app .wb-quick-grid a:nth-child(-n+3){position:relative;min-height:108px;justify-content:flex-start;align-items:flex-end;padding:18px 14px;color:#fff2d8;border:0;overflow:hidden;font-size:16px;background-image:linear-gradient(0deg,rgba(44,18,14,.94),rgba(44,18,14,.2)),url('/images/food/restaurant-evening-d2b0f01da974.png');background-size:cover;background-position:75% center}
#app .wb-app .wb-quick-grid a:nth-child(2){background-image:linear-gradient(0deg,rgba(65,19,20,.94),rgba(65,19,20,.08)),url('/images/food/restaurant-hero.webp');background-position:82% 70%}
#app .wb-app .wb-quick-grid a:nth-child(3){background-image:linear-gradient(0deg,rgba(44,27,12,.95),rgba(44,27,12,.25)),url('/images/food/restaurant-evening-d2b0f01da974.png');background-position:98% 20%}
#app .wb-app .wb-quick-grid a:nth-child(-n+3) .wb-icon{padding:0;background:none;color:#f1cf8c;width:23px;height:23px;border-radius:0}
#app .wb-app .wb-quick-grid a:hover{filter:brightness(1.06)}
#app .wb-app .wb-quick-grid a:focus-visible{outline:3px solid #8f3742;outline-offset:3px}
#app .wb-app .wb-core{padding:2px 0 0}
#app .wb-app .wb-core .wb-section-heading{padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid #cbb494}
#app .wb-app .wb-core-grid{gap:0 22px;background:#f9f3e8;border:1px solid #e0cfb5;border-radius:12px;padding:0 18px}
#app .wb-app .wb-module-card{padding:18px 2px;min-height:86px;border-color:#e0cfb5}
#app .wb-app .wb-module-card:nth-last-child(-n+2){border-bottom:0}
#app .wb-app .wb-module-card>.wb-icon{color:#8d6336;width:27px;height:27px}
#app .wb-app .wb-module-card strong{color:#4d3229;font-size:16px}
#app .wb-app .wb-module-card small{color:#77634e}
#app .wb-app .wb-module-card:hover{background:#f1e5d3}
#app .wb-app .wb-extension{border-color:#cbb494;margin-top:16px}
#app .wb-app .wb-extension a{background:#e9dbc5;border:1px solid #d9c5a8;color:#60432e}
/* 待办以深木色独立成区，数字和动作仍保持高对比。 */
#app .wb-app .wb-tasks{background:#49322a;border:0;color:#fff2d8;padding:22px}
#app .wb-app .wb-tasks h2{color:#f3d59f}
#app .wb-app .wb-tasks .wb-section-heading{border-color:#806148;padding-bottom:14px}
#app .wb-app .wb-tasks :is(.wb-icon,.wb-icon-button){color:#e8c68c}
#app .wb-app .wb-tasks>a{color:#f6e7ce;min-height:46px}
#app .wb-app .wb-tasks>a strong{color:#f6d392;font-size:24px}
#app .wb-app .wb-tasks .wb-data-note{color:#d4bda3;margin-top:8px}
#app .wb-app .wb-tasks a:focus-visible,#app .wb-app .wb-tasks button:focus-visible{outline-color:#f5d69a}
#app .wb-app .wb-orders{background:#fffaf0;border-color:#dfcfb6;padding:20px}
#app .wb-app .wb-orders .wb-section-heading{border-color:#deceb5}
#app .wb-app .wb-empty{padding:16px 0}
#app .wb-app .wb-empty>.wb-icon{color:#ad8250}
#app .wb-app .wb-style-feature{display:block;position:relative;overflow:hidden;border-radius:12px;background:#e6d2af;color:#442f22;padding:18px;border:1px solid #cfb38a}
#app .wb-app .wb-style-feature strong{display:flex;align-items:center;justify-content:space-between;font-size:18px;line-height:1.5}
#app .wb-app .wb-style-feature p{font-size:12px;color:#715235;margin-top:5px}
#app .wb-app .wb-style-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}
#app .wb-app .wb-style-previews img{display:block;width:100%;height:94px;object-fit:cover;object-position:center;border-radius:6px}
#app .wb-app .wb-style-feature:hover{background:#ecd9b8}
#app .wb-app h2{color:#4c3329}
#app .wb-app .wb-footer{color:#715e49}
@media(min-width:1151px) and (max-width:1390px){#app .wb-app .wb-home-grid{grid-template-columns:minmax(0,1fr) 270px;gap:16px}#app .wb-app .wb-stat{padding:17px 12px}#app .wb-app .wb-stat strong{font-size:28px}#app .wb-app .wb-quick-grid a:nth-child(-n+3){padding:16px 10px;font-size:14px;gap:7px}#app .wb-app .wb-style-previews img{height:82px}}
@media(max-width:1150px){#app .wb-app .wb-home-grid{grid-template-columns:1fr}#app .wb-app .wb-home-rail{grid-template-columns:1fr 1fr}#app .wb-app .wb-style-feature{grid-column:1/-1}#app .wb-app .wb-style-previews img{height:120px}#app .wb-app .wb-home-heading{min-height:248px}}
@media(max-width:700px){#app .wb-app .wb-header{margin-bottom:14px}#app .wb-app .wb-home-heading{min-height:258px;padding:26px 20px;gap:20px;background-position:62% center;justify-content:flex-end}#app .wb-app .wb-home-heading::before{inset:7px;background:linear-gradient(90deg,rgba(55,15,18,.65),rgba(55,15,18,.1));border-color:#c79863;opacity:1}#app .wb-app .wb-home-heading h1{font-size:29px}#app .wb-app .wb-home-heading p{font-size:13px}#app .wb-app .wb-home-actions{width:100%;gap:10px}#app .wb-app .wb-home-heading .wb-button{min-width:0;flex:1;padding-inline:10px;font-size:14px}#app .wb-app .wb-stats{gap:10px}#app .wb-app .wb-stat{padding:16px;min-height:120px}#app .wb-app .wb-stat strong{font-size:29px}#app .wb-app .wb-quick{padding:16px}#app .wb-app .wb-quick-grid{gap:9px}#app .wb-app .wb-quick-grid a:nth-child(-n+3){min-height:120px;align-items:flex-start;justify-content:flex-end;padding:12px 8px;gap:10px;font-size:13px}#app .wb-app .wb-quick-grid a{min-height:90px;font-size:13px}#app .wb-app .wb-quick-grid a:nth-child(-n+3) .wb-icon{width:24px;height:24px}#app .wb-app .wb-home-rail{display:flex;gap:16px}#app .wb-app .wb-style-previews img{height:120px}#app .wb-app .wb-core-grid{padding:0 12px;gap:0 14px}#app .wb-app .wb-module-card strong{font-size:15px}#app .wb-app .wb-module-card small{font-size:11px}#app .wb-app .wb-sidebar{background:#321a1b}#app .wb-app .wb-sidebar::before{display:none}}
@media(prefers-reduced-motion:reduce){#app .wb-app .wb-quick-grid a,#app .wb-app .wb-style-feature{transition:none}}