feat: 支持游客免登录浏览核心页面

未登录用户可先浏览衣橱、穿搭、运势、分享等内容，登录改为用户主动选择，并在登录页增加协议勾选确认与暂不登录入口。

miniprogram/app.wxss

@@ -841,3 +841,73 @@ swiper-item {
 .modal-act:active { background: var(--fill); }
 .modal-act + .modal-act { border-left: 1rpx solid var(--hairline); }
 .modal-act--main { color: var(--ink); font-weight: 600; }
+
+/* ============================================================================
+   §18 游客浏览态（未登录）
+   合规要求：打开小程序可先浏览体验功能，登录仅由用户主动选择。
+   样式只在既有版式内追加一层：细描边提示条 + 示例角标 + 低调登录引导。
+   ========================================================================== */
+.guest-bar {
+  display: flex;
+  align-items: center;
+  gap: 14rpx;
+  margin: 26rpx var(--pad) 0;
+  padding: 20rpx 24rpx;
+  border: 1rpx solid var(--hairline-2);
+  border-radius: var(--r-ctrl);
+  background: var(--paper-2);
+  transition: background .18s var(--ease);
+}
+.guest-bar:active { background: var(--fill); }
+.guest-bar .icon {
+  width: 30rpx;
+  height: 30rpx;
+  color: var(--ink-3);
+  flex-shrink: 0;
+}
+.guest-bar .gb-t {
+  flex: 1;
+  font-size: 24rpx;
+  line-height: 1.45;
+  color: var(--ink-2);
+  letter-spacing: .01em;
+}
+.guest-bar .gb-a {
+  font-size: 24rpx;
+  font-weight: 600;
+  color: var(--ink);
+  flex-shrink: 0;
+}
+/* 示例内容角标：浅填充底 + 灰字，弱于业务状态胶囊 */
+.guest-flag {
+  position: absolute;
+  top: 14rpx;
+  left: 14rpx;
+  height: 38rpx;
+  padding: 0 14rpx;
+  border-radius: 20rpx;
+  background: var(--fill-2);
+  font-size: 19rpx;
+  font-weight: 500;
+  line-height: 38rpx;
+  color: var(--ink-2);
+}
+/* 游客态底部一行登录引导 */
+.guest-foot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8rpx;
+  padding: 52rpx var(--pad) 0;
+  font-size: 23rpx;
+  color: var(--ink-3);
+  letter-spacing: .02em;
+}
+.guest-foot .gf-a {
+  color: var(--ink);
+  font-weight: 600;
+  text-decoration: underline;
+  text-underline-offset: 7rpx;
+  text-decoration-thickness: 1rpx;
+  text-decoration-color: var(--ink-4);
+}