一、首页

整体采用深紫渐变黑底+霓虹紫光+电光金配色，传递沉浸式娱乐、潮流夜生活、高端KTV的氛围。顶部定位条展示当前城市+最近门店快速切换入口。动态霓虹灯管效果的品牌Logo居中，下方搜索栏支持搜KTV门店/商圈/包厢类型/套餐名称。

banner区以夜场环境摄影大图轮播，每张像夜店海报排版——"周末派对包厢·提前预订享8.8折""新店开业·前海万象城旗舰店·首单立减¥100""盛夏啤酒节·指定酒水买2送1"，每张标注活动时效和适用门店，霓虹紫渐变叠加层+电光金活动标签。

四大核心入口以深紫黑圆角大卡片排列——包厢预订（选择门店→选包厢类型→选时段→确认下单·支持提前7天预约）+时段套餐（午场/晚场/通宵套餐推荐·含包厢+酒水+小食组合套餐）+酒水菜单（啤酒/洋酒/鸡尾酒/软饮/小食/果盘·在线预点省时·到店即享）+会员活动（限时储值赠金/生日包厢免费布置/会员日专属折扣/积分兑换包厢券），每入口配霓虹图标+简短slogan。包厢预订标注"热门时段紧张·提前预订锁房"，时段套餐标注"会员更享折上折"，制造紧迫感。

"今日推荐门店"横向滑动大卡片——每张门店夜景外观图+门店名+星级评分+距离+核心卖点标签（"全新装修""顶级音响""主题包厢""停车方便"）+最低消费提示+"立即预订"霓虹紫按钮。门店列表支持按距离/评分/价格/人气排序。

"热门套餐"横向滑动——"周末畅享套餐·¥398·含包厢3h+12瓶啤酒+果盘+小食拼盘""闺蜜聚会套餐·¥288·含中包3h+起泡酒+甜品台""商务招待套餐·¥888·含豪包4h+威士忌+定制果盘+专属管家"，每张套餐场景图+套餐名+核心内容+价格+"立即抢购"。

底部"大家都在约"动态滚动——"王先生刚刚预订了南山店·豪华大包·今晚20:00""李女士刚刚收藏了福田店·闺蜜聚会套餐"实时动态增强信任和紧迫感。悬浮"快速预订"霓虹紫圆形按钮（麦克风图标），点击弹出快捷预订浮层。

二、包厢列表

顶部门店切换器展示当前选中门店名+地址+距离+切换门店按钮。门店信息条展示：门店环境缩略图+星级评分+营业时间（"19:00-次日05:00"）+联系方式+导航入口。

包厢分类Tab横向滑动：全部/迷你包/中包/豪华包/派对包/VIP总统包，选中霓虹紫光高亮。每个Tab下方用小字标注容纳人数范围（"1-3人""4-6人""8-10人""12-20人""20-40人"）。支持筛选：日期+时段（午场12:00-18:00/晚场19:00-23:00/通宵23:00-次日05:00）+"可预订"开关（只显示当前选中时段有房的包厢）+排序（价格/大小/热门）。

包厢以半图半文卡片列表展示，每张包含：包厢实景大图（占比55%，展示包厢内部灯光/音响/沙发/装潢/大屏幕实拍）+包厢名称（如"潮玩主题中包""霓虹派对豪包""星空顶VIP总统包"）+容纳人数（人形图标+数字）+包厢面积（"35㎡"）+核心设备标签行（"JBL音响""4K巨幕""独立卫生间""氛围灯光""Switch游戏机""台球桌（派对包专属）""DJ打碟设备"）+原价/会员价对比+"预订"霓虹紫按钮。已约满时段该包厢灰显并标注"本时段已约满·换个时段试试"。

顶部展示门店特色标签行——"顶级音响·JBL专业KTV系统""智能点歌·AI推荐+手机点歌""隔音包房·独立空调·新风系统""免费停车·地下停车场·出场扫码""卫生间独立·派对包带化妆间"。

包厢详情弹窗/跳转页展示更多图片+包厢完整设备清单+参考视频（包厢内饰360°展示）+用户评价精选（"音效很棒""包厢很大很干净""服务员响应及时"）。底部展示该包厢近期可预订时段日历视图——绿色可订/橙色仅剩1间/红色已约满，点击日期自动锚定下方时段选择。

三、预订详情

以"霓虹派对豪包·福田星河COCO Park店"为例。顶部包厢大图轮播+包厢环境短视频（30秒灯光氛围展示）。包厢信息卡片：包厢名称+容纳人数+面积+所在门店+楼层位置。

核心亮点区以图标+文字展示——顶级音响（"JBL专业KTV音响系统·5.1环绕声·独立功放·低音震动地板"）+4K巨幕（"150寸4K防爆大屏·支持手机投屏·可播放MV和自选视频"）+氛围灯光（"独立灯光控制·7种主题模式·声控律动光束·拍照出片"）+舒适设施（"L型沙发·独立空调·新风系统·USB充电口·服务铃·独立卫生间"）+娱乐设备（"Switch游戏机+体感手柄·桌游卡牌·骰子·免费供玩"）。

时段选择为核心交互模块——日历选择日期（未来7天可选），每个日期下展示可选时段列表：午场12:00-18:00（¥128/3h·加时¥40/h）、晚场A 19:00-22:00（¥268/3h·加时¥80/h·热门时段橙色紧追感标注）、晚场B 22:30-01:30（¥298/3h·加时¥90/h·仅剩1间红色紧追感标注）、通宵场23:00-05:00（¥398/6h·含自助酒水吧畅饮），每个时段卡片展示时段+价格+剩余包厢数+选中霓虹紫光描边。不同时段不同价格，周末和节假日适当上浮标识。

套餐推荐区——"选包厢后·一键加购省更多"：套餐A畅饮套餐（"+¥128·含12瓶百威+果盘+爆米花·比单点省¥68"），套餐B聚会套餐（"+¥268·含18瓶科罗娜+洋酒套餐+大果盘+小吃拼盘+寿司船·比单点省¥156"），套餐C尊享套餐（"+¥588·含威士忌/伏特加任选+24瓶啤酒+豪华果盘+刺身拼盘+烤串拼盘+专属管家服务·比单点省¥320"），每个套餐配实物图+内容清单+原价对比+节省金额标签。支持自定义追加——啤酒可以替换、果盘可升级。

酒水菜单预点入口——"提前点单·到店即享·省去等待时间"，展示热门酒水和小食列表：啤酒/洋酒/鸡尾酒/软饮/果盘/小食/烤串/寿司，每项品名+规格+单价+"+添加"按钮，加入已选清单实时计算总价。

预订填写区——联系人姓名+手机号+备注（选填·可备注"生日布置""求婚惊喜""聚会主题"等需求，门店管家会提前准备）。

底部固定栏：包厢时段总价+套餐总价+服务费（如有）→合计总价大字号霓虹金展示+霓虹紫"立即预订"主按钮。预订成功后展示确认页面——预订编号+门店信息+包厢+时段+套餐明细+"分享给好友·邀请一起嗨"+添加到日历提醒。取消规则提示："开唱前2小时免费取消·超时将扣除首小时费用"。

四、会员中心

顶部深紫渐变黑底身份卡，金色会员边框：头像+昵称+会员等级徽章（普通会员/银卡/金卡/黑金·专属定制徽章设计）+累计消费金额展示+当前积分余额。"升级进度"条——"再消费¥520升金卡·享全场88折·生日包厢免费布置"。

功能区六宫格，图标霓虹风格线条：订单状态（全部/待消费/已消费/已取消/退款中分Tab，待消费订单展示预订编号+门店+包厢+预订时段倒计时提醒+到店导航+"联系门店"+"取消预订"入口，订单信息含包厢/时段/套餐/酒水预点/总金额，支持"再次预订·一键复购"，已消费订单支持评价打星和售后）、我的优惠券（可用券列表·即将过期/已使用/已过期分Tab，每张券展示面额+使用门槛+适用范围（"全场包厢通用""仅限晚场""仅限新店"）+有效期+临期提醒（"还剩3天"红标），支持点击跳转预订页自动抵扣，推荐用券时段和门店）、收藏包厢（已收藏包厢列表·包厢名+门店+收藏日期+当前最低价格展示+"立即预订"入口）+常去门店（设为默认预订门店·快速预订免重复选择）+会员权益（等级对比表以霓虹紫黑风格展示——银卡：消费积分+生日月包厢8折+优先预订，金卡：银卡权益+所有门店88折+每月1次免费果盘+生日包厢免费布置+专属客服，黑金：金卡权益+所有门店85折+每月2次免费果盘+专属管家服务+免排队优先安排+包场折扣+定制酒单+品牌活动VIP邀请，每项标注解锁条件和当前已享权益霓虹金高亮）+积分兑换（积分余额+热门兑换品——包厢优惠券（1000积分兑¥50券）/免费果盘（500积分）/酒水兑换券/限量周边/演唱会门票（限量），历史积分明细+赚积分攻略：消费/签到/邀请好友/评价/参与活动）。

"我的专属管家"（黑金会员专属）：管家头像+姓名+"一键联系"，展示近期管家协助的历史服务记录。

底部"邀请好友"入口——"邀请好友注册·双方各得¥30包厢券"+"好友拼团"入口——"发起拼团预订·3人成团包厢立减¥100"。设置区：个人信息、通知管理（活动推送/优惠到期提醒/预订提醒）、关于我们、退出登录。