一、首页

整体采用高级暖灰+深橄榄绿+象牙白配色，传递舒适、稳重、值得信赖的酒店品牌质感。顶部城市定位条展示当前城市+入住/退房日期快捷选择器（"7月30日-7月31日·共1晚"），点击进入日期选择。搜索栏居中，支持搜酒店名称/商圈/地标/品牌。

banner区以酒店场景摄影大图全屏轮播，每张像高端旅行杂志封面排版——"深圳湾安达仕酒店·都会桃源·限时8.8折""暑期亲子出行·精选10家亲子友好酒店""会员专属·周三会员日·预订享双倍积分"，每张标注酒店名/活动主题+折扣信息+查看详情入口。

四大核心入口以极简圆角暖灰卡片排列：酒店预订（按目的地/日期/价格/星级/品牌搜索·实时比价）+特惠房型（限时折扣/早鸟优惠/连住优惠/套餐打包·"比直接预订省¥200+"标签）+地图找店（地图模式浏览酒店分布·按商圈/地标/交通枢纽查找·实时价格和空房标记）+会员权益（积分兑换免费住宿/房型升级/延迟退房/欢迎礼遇·会员等级权益对比），每入口配深橄榄绿图标和简短说明。

"今日特惠"横向滑动大卡片——每张酒店外观+房间摄影图+酒店名+星级+所在商圈+特惠标签（"限时6折""住2送1""含双早"）+原价划线+特惠价（大字号深橄榄绿）+评分+距离+"立即预订"按钮。

"热门目的地"横向滑动城市卡片——深圳/广州/上海/北京/三亚/成都/杭州/厦门/大理，每城配城市地标摄影图+"查看XX家酒店"+"均价¥XXX起"。

"主题推荐"横向滑动——"亲子友好·儿童乐园+家庭套房""商务出行·行政酒廊+会议室""蜜月度假·海景大床+烛光晚餐""城市周边·2小时自驾圈·周末度假"，每主题配氛围图+推荐理由+"探索"入口。底部"最近浏览"横向滑动展示用户最近查看的酒店卡片，方便快速回访和预订。"品质之选"——编辑精选高品质酒店推荐，标注"SLH成员""LHW成员""米其林餐饮""设计酒店"等权威认证标签。

二、房型列表

顶部酒店信息条展示当前选中酒店：酒店名+星级+评分（"4.8·超棒·2,860条评价"）+地址+距离地标+导航入口。酒店设施标签行横向滑动——"免费停车·健身房·游泳池·餐厅·商务中心·洗衣服务·宠物友好·无障碍设施"，每项图标+文字展示。酒店图片区横向滑动——大堂/外观/餐厅/泳池/周边环境，帮助用户了解酒店全貌。

日期选择器横向展开——入住日期→退房日期→共N晚，左右箭头切换日期，支持日历视图展开选择。"筛选"按钮支持按价格区间/床型（大床/双床/家庭房/套房）/含早餐/可取消/立即确认/面积/楼层偏好筛选。排序支持"推荐""价格最低""价格最高""面积最大""好评优先"。

房型以列表卡片展示，每张酒店房间实景摄影图为主（左侧35%）：房型名称（大字号深橄榄绿）+面积（"35㎡"）+床型（"1张1.8m大床"）+楼层（"12-18层·城景"）+可住人数（人形图标+数字）+核心标签行——"含双早""免费取消""立即确认""最后1间""限时特惠""行政礼遇""高楼层"，不同颜色标签区分属性。价格区：原价划线+特惠价（大字号深橄榄绿·"¥598/晚·含税"）+"预订"按钮（深橄榄绿底色）。部分房型标注"仅剩2间"红色紧迫标签。

含套餐的房型展示套餐标签——"含双人早餐+行政酒廊""含双人晚餐自助"等，在价格下方以小字展示套餐内容摘要。不可退款房型标注"不可取消"红标提醒。会员专享房型标注"会员价更低"+"登录查看会员价"引导。

顶部"酒店政策"快捷入口——入住时间（15:00起）/退房时间（12:00前）/儿童政策/加床政策/宠物政策/停车场/可支持的支付方式/预订取消规则等，帮助用户提前了解。

三、房型详情

以"城景豪华大床房·深圳湾安达仕酒店"为例。顶部房型大图轮播——房间全景+床铺特写+卫浴区+窗外景观+迷你吧+办公区，每张专业酒店摄影高清大图，支持双指缩放。30秒房间视频预览（Walkthrough视频）。

房型信息卡片：房型名称（衬线体大字号）+面积（35㎡）+床型（1张1.8m加大双人床·金可儿床垫）+楼层（12-18层·城景朝向）+可住人数（2位成人+1位儿童）+装修年份（"2025年全新装修"）。

核心亮点区以四列图标+文字极简展示——景观（"180°城市天际线景观·落地窗·电动窗帘"）+床品（"600支埃及棉床品·羽绒枕·乳胶枕可选·晚安茶服务"）+卫浴（"干湿分离·双台盆·深泡浴缸·戴森吹风机·Le Labo洗护备品"+智能化（"智能温控·语音助手·无线充电·USB-C快充·高速WiFi 500Mbps"）。每项附精致短说明。

入住/退房时间信息——入住15:00起/退房12:00前，会员权益标注"金卡及以上会员尊享延迟退房至14:00·提前入住视当日房态"。日期选择区：日历视图选择入住和退房日期，已选日期深橄榄绿高亮，被占日期灰显不可选。选择后实时展示——"7月30日-7月31日·共1晚"，下方展示该日期段的可选房型和对应价格。如果连住有优惠自动展示"连住2晚享9折·连住3晚享8.5折"标签。

价格明细区——"¥598/晚×1晚=¥598·税费和服务费¥89.7·合计¥687.7·含双人自助早餐"，所有费用明码标价，无隐藏费用，标注"已含税和服务费·预订即最终价格"。会员价对比："登录后预订仅需¥568/晚·会员价含税¥653.2·立省¥34.5"。

酒店设施与服务区——健身房（24小时·器材清单）、游泳池（室内恒温·开放时间）、餐厅（3间·含米其林一星中餐厅·早餐/午餐/晚餐·人均参考·可预约订座）、大堂吧（下午茶/鸡尾酒）、商务中心（打印/传真/会议室·180人宴会厅）、停车（免费地下停车场·代客泊车服务）。每项标注开放时间和是否需要预约。

取消政策以独立卡片醒目展示——"2026年7月29日18:00前取消·免费取消·全额退款""2026年7月29日18:00后取消·收取首晚房费""未入住/未取消·收取全额房费"。支持"取消险"购买入口——"¥29购取消险·出行前24小时取消·赔付80%房费"。

用户评价精选——评分+评价摘要标签（"景观绝佳""床品舒适""服务周到""早餐丰盛""位置便利"），2-3条精选评价带入住时间和房型。

底部固定栏：总价（大字号深橄榄绿·含税）+收藏心形+"预订"主按钮（深橄榄绿底色），辅以"免费取消·立即确认·无需预付（部分房型需预付）"等信息。预订填写页：入住人姓名+手机号+特殊要求（选填·"大床/双床""高楼层""无烟房""蜜月布置""提前入住""加床"）→确认预订→收到确认短信和邮件（含预订编号+酒店地址电话+入住指引+取消政策）。

四、会员中心

顶部深橄榄绿渐变身份卡片：头像、姓名、会员等级（普通/银卡/金卡/白金/钻石·精致徽章图标）+累计入住晚数（"累计入住86晚""今年已入住12晚"）+"下一等级还需入住14晚·或消费¥6,800"升级进度条（暖灰底色深橄榄绿填充）。当前积分余额大字号展示+积分到期提醒（"3200积分将于8月31日过期"）。

功能入口六宫格：订单状态（全部/待入住/已入住/已取消/退款中分Tab，待入住订单展示酒店名+预订编号+入住日期倒计时+房型+间数+总金额+预订状态（已确认/等待确认），支持"联系酒店""修改订单""取消订单""查看订单详情"（含完整预订信息和酒店联系方式），已入住订单支持评价打星+写住后体验+上传照片+"再次预订·一键复购"，评价审核通过赠送积分）+收藏酒店（已收藏酒店列表·酒店名+星级+评分+最近低价+所在城市+收藏日期，"降价提醒"设置+"查看房型"预订入口，支持创建自定义收藏夹——"想去住""商务出差首选""蜜月酒店清单""亲子酒店"+分享收藏夹给旅伴共同策划出行）+我的优惠券（可用券/即将过期/已使用/已过期分Tab，每张券展示面额+使用门槛+适用范围（"指定酒店""全场通用""限套房""限连住2晚及以上"）+有效期+临期红标提醒+推荐适用酒店列表+"去使用"跳转预订页）+会员权益（等级对比表以深橄榄绿暖灰排版展示各等级差异——银卡：消费积分+延迟退房至13:00+欢迎饮品/金卡：银卡权益+房型升级视房态+延迟退房至14:00+双人早餐+提前入住视房态+生日月双倍积分/白金：金卡权益+行政酒廊使用权+延迟退房至16:00+免费加床+专属预订热线/钻石：白金权益+专属管家服务+免费迷你吧+豪华车接送机服务+品牌活动VIP邀请，每项标注解锁条件和当前已享权益深橄榄绿高亮）+积分中心（积分余额+积分明细（消费积分+活动奖励积分+评价赠积分+生日双倍积分）+积分兑换区——免费住宿兑换（8000积分兑经济型酒店1晚/15000积分兑豪华酒店1晚/25000积分兑奢华酒店1晚）+房型升级券+早餐券+延迟退房券+航空里程兑换合作航司里程+积分商城（酒店备品/旅行周边/品牌礼品），热门兑换品展示库存和所需积分，积分有效期提醒和"一键延长"入口（少量积分消耗延长全部积分有效期））。

"我的偏好"快捷设置——偏好床型/偏好楼层/偏好朝向/是否需要早餐/是否吸烟房/常用入住人信息管理（常用姓名+手机号+证件类型和号码），预订时自动填充减少输入。

底部"邀请好友"入口——"邀请好友注册·好友首次预订完成·双方各得1000积分"。"企业预订"入口——"商旅预订·企业协议价·月结服务·差旅报表"。设置区：个人资料、常用入住人管理、通知偏好、账户安全、语言设置、关于我们、退出登录。