:root{--gold:#E0BB7F;--bg:#0c1415;--line:rgba(224,187,127,.22)}
*{box-sizing:border-box} html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090f11;color:#f8f6ef;font-family:Inter,Arial,"Noto Sans SC","Microsoft YaHei",sans-serif;cursor:none}
#tv{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:top left;overflow:hidden;background:radial-gradient(ellipse at 100% 0,rgba(137,111,68,.15) 0%,transparent 43%),linear-gradient(125deg,#111b1b 0%,#090f11 83%)}
#tv.light{color:#142222;background:radial-gradient(ellipse at 100% 0,rgba(224,187,127,.33),transparent 40%),linear-gradient(125deg,#fbf9f3,#eae8df)}
#tv:before{content:"";position:absolute;left:0;right:0;top:0;height:13px;background:linear-gradient(90deg,#9f753c,var(--gold),#f9dba7)}
#tv:after{content:"";position:absolute;right:-75px;bottom:54px;width:610px;height:610px;border-radius:50%;border:1px solid rgba(224,187,127,.09);box-shadow:0 0 0 95px rgba(224,187,127,.019),0 0 0 205px rgba(224,187,127,.014);pointer-events:none}
.top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px;height:181px;padding:36px 76px 22px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:20px;min-width:475px}.logo-img{max-width:168px;max-height:108px;object-fit:contain}.brand-mark{display:grid;place-items:center;border:3px solid var(--gold);border-radius:21px;width:100px;height:100px;color:var(--gold);font-size:62px;font-weight:800}.brand-wordmark{font-size:53px;letter-spacing:2px;font-weight:850;line-height:1}.brand-sub{color:var(--gold);font-size:23px;letter-spacing:2px;margin-top:11px;font-weight:700}.light .brand-sub{color:#916c39}
.headline-wrap{text-align:right;flex:1;min-width:0}.headline{font-size:71px;letter-spacing:3px;font-weight:900;line-height:1.08;white-space:nowrap}.headline-zh{color:var(--gold);font-size:30px;letter-spacing:5px;margin-top:5px;font-weight:700}.strap{font-size:23px;letter-spacing:4px;margin-top:7px;color:#d0d3cb;font-weight:650}.light .strap{color:#586465}
.content{height:788px;padding:34px 76px 15px;position:relative;z-index:1}.section-top{height:137px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.section-title{font-size:61px;line-height:1.12;letter-spacing:.8px;font-weight:900;max-width:1250px}.section-title-zh{font-size:30px;color:var(--gold);font-weight:720;margin-top:6px}.section-note{font-size:25px;color:#c9cfc7;margin-top:10px}.light .section-note{color:#516060}.top-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:11px}.date{font-size:26px;font-weight:700;color:#d3d5cd}.light .date{color:#425151}.page-count{font-size:32px;color:var(--gold);font-weight:850;letter-spacing:2px}.page-count span{opacity:.45}
.menu-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:84px;height:601px}.menu-col{min-width:0}.food-row{display:flex;align-items:center;gap:22px;height:119px;padding:10px 0;border-bottom:1px solid var(--line)}.food-row:last-child{border-bottom-color:transparent}.food-info{flex:1;min-width:0}.food-main{display:flex;align-items:center;gap:15px}.food-en{font-size:38px;line-height:1.17;font-weight:790;letter-spacing:-.75px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.food-en.condense{font-size:31px;line-height:1.08;letter-spacing:-.5px}.food-en.condense + .food-tag{font-size:15px}.food-zh{font-size:27px;font-weight:600;color:#b9c1bf;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.light .food-zh{color:#526465}.food-tag{display:inline-flex;white-space:nowrap;background:rgba(224,187,127,.14);border:1px solid rgba(224,187,127,.37);border-radius:5px;color:var(--gold);padding:5px 9px;font-size:17px;font-weight:900;letter-spacing:.4px;margin-left:2px;align-self:flex-start}.light .food-tag{color:#8c602b}.food-price{font-size:50px;font-weight:860;color:var(--gold);white-space:nowrap;letter-spacing:-1.5px;min-width:105px;text-align:right}.light .food-price{color:#855e2c}.food-row.sold .food-info{opacity:.42}.food-row.sold .food-price{font-size:25px;color:#d1b59c;min-width:140px;letter-spacing:0}.light .food-row.sold .food-price{color:#8c7569}
.showcase{display:grid;grid-template-columns:1020px minmax(0,1fr);gap:54px;height:601px}.showcase .food-row{height:119px}.showcase-image{overflow:hidden;border-radius:25px;position:relative;border:2px solid rgba(224,187,127,.22);background:linear-gradient(140deg,#192929,#313a30)}.showcase-image img{display:block;width:100%;height:100%;object-fit:cover}.showcase-image:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(0,0,0,.18)}
.bottom{position:absolute;bottom:0;left:0;right:0;height:111px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 76px 13px;background:rgba(224,187,127,.092);border-top:1px solid rgba(224,187,127,.4);z-index:1}.bottom-copy{font-weight:820;font-size:29px;letter-spacing:2px}.bottom-cn{font-weight:600;color:var(--gold);font-size:22px;margin-top:7px}.site{font-size:27px;font-weight:750;letter-spacing:1px;color:var(--gold);white-space:nowrap}.light .bottom{background:rgba(224,187,127,.22)}
.pips{position:absolute;bottom:115px;left:76px;right:76px;height:4px;background:rgba(224,187,127,.12);z-index:3}.pip-progress{height:4px;width:0;background:var(--gold);transform-origin:left;transition:width .5s linear}
.empty{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:24px;padding:60px}.empty .empty-title{font-weight:900;font-size:100px;letter-spacing:2px}.empty .empty-sub{font-size:44px;color:var(--gold);font-weight:700}.empty .empty-note{font-size:34px;opacity:.8;margin-top:10px}.empty .empty-web{font-size:31px;margin-top:30px}
.demo-flag{position:absolute;z-index:9;top:188px;right:75px;transform:rotate(2deg);padding:9px 16px;background:#b93230;color:#fff;font-size:23px;letter-spacing:1px;font-weight:900;border-radius:4px}
.connection{position:fixed;bottom:3px;right:8px;z-index:200;background:#f4bd75;color:#182020;padding:6px 12px;font-size:10px;font-weight:900;border-radius:4px;cursor:auto}