/* Generated from mini-program page styles; run node server/build-mini-web.cjs after editing them. */
:where(.web-home) #app{ background: #f8f7f5; color: #302d2c; }:where(.web-home) .home-page{ padding: calc(var(--u) * 36) calc(var(--u) * 30) calc(calc(var(--u) * 160) + env(safe-area-inset-bottom)); }:where(.web-home) .page-heading{ padding: calc(var(--u) * 12) calc(var(--u) * 4) calc(var(--u) * 34); }:where(.web-home) .eyebrow{ color: #b58e85; font-size: calc(var(--u) * 18); font-weight: 600; letter-spacing: calc(var(--u) * 4); }:where(.web-home) .heading-line{ display: flex; align-items: center; justify-content: space-between; margin-top: calc(var(--u) * 14); }:where(.web-home) .page-title{ font-size: calc(var(--u) * 48); font-weight: 600; letter-spacing: calc(var(--u) * 2); }:where(.web-home) .heading-mark{ color: #d9787e; font-size: calc(var(--u) * 48); padding-right: calc(var(--u) * 14); }:where(.web-home) .page-subtitle{ color: #99928e; font-size: calc(var(--u) * 25); margin-top: calc(var(--u) * 14); line-height: 1.6; }:where(.web-home) button{ margin: 0; padding: 0; font-weight: 400; background: transparent; }:where(.web-home) button::after{ border: 0; }:where(.web-home) .guest-banner{ display: flex; align-items: center; padding: calc(var(--u) * 26) calc(var(--u) * 22); background: #f8ede8; border: calc(var(--u) * 1) solid #f0dfd7; border-radius: calc(var(--u) * 22); margin-bottom: calc(var(--u) * 28); }:where(.web-home) .guest-icon{ color: #bd8d75; margin-right: calc(var(--u) * 18); }:where(.web-home) .guest-copy{ flex: 1; min-width: 0; }:where(.web-home) .guest-title{ font-size: calc(var(--u) * 26); font-weight: 600; color: #795e50; }:where(.web-home) .guest-description{ font-size: calc(var(--u) * 20); color: #ab8c7d; margin-top: calc(var(--u) * 8); line-height: 1.6; }:where(.web-home) .login-button{ display: flex; flex-shrink: 0; align-items: center; color: #bd656b; font-size: calc(var(--u) * 24); margin-left: calc(var(--u) * 12); line-height: calc(var(--u) * 64); }:where(.web-home) .filter-panel{
  margin-left: calc(var(--u) * -30);
  margin-right: calc(var(--u) * -30);
  padding: calc(var(--u) * 17.316017) calc(var(--u) * 5.411255) calc(var(--u) * 14.069264) calc(var(--u) * 2.164502);
  background: #fff;
  font-family: Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  font-weight: 400;
}:where(.web-home) .sort-tabs{ display: flex; gap: calc(var(--u) * 15.151515); margin-bottom: calc(var(--u) * 15.151515); }:where(.web-home) .sort-tab{ flex: 1; min-width: 0; text-align: center; height: calc(var(--u) * 56.277056); line-height: calc(var(--u) * 56.277056); font-size: calc(var(--u) * 28.138528); color: #666; background: #f5f5f5; border-radius: calc(var(--u) * 11.904762); }:where(.web-home) .sort-tab-active{ color: #fff; background: #4caf50; font-weight: 700; }:where(.web-home) .filter-picker{ display: block; width: 100%; }:where(.web-home) .publisher-field{ position: relative; }:where(.web-home) .publisher-menu-dismiss{ position: fixed; inset: 0; z-index: 100; background: transparent; }:where(.web-home) .publisher-menu{ position: absolute; top: calc(100% + calc(var(--u) * 8)); left: 50%; transform: translateX(-50%); z-index: 101; box-sizing: border-box; width: calc(var(--u) * 304); padding: calc(var(--u) * 26); border: calc(var(--u) * 2) solid #e5e5e5; border-radius: calc(var(--u) * 14); background: #fff; box-shadow: 0 calc(var(--u) * 20) calc(var(--u) * 44) #0002; }:where(.web-home) .publisher-option{ height: calc(var(--u) * 72); line-height: calc(var(--u) * 72); border-radius: calc(var(--u) * 8); text-align: center; color: #222; font-size: calc(var(--u) * 30); font-weight: 400; }:where(.web-home) .publisher-options{ height: calc(var(--u) * 360); }:where(.web-home) .publisher-option-selected,:where(.web-home) .publisher-option-hover{ background: #f2f2f2; }:where(.web-home) .picker-content{ display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; height: calc(var(--u) * 68.181818); padding: 0 calc(var(--u) * 27.056277) 0 calc(var(--u) * 20.562771); background: #f7f7f7; border-radius: calc(var(--u) * 11.904762); font-size: calc(var(--u) * 28.138528); line-height: calc(var(--u) * 38.961039); }:where(.web-home) .picker-selection{ display: flex; align-items: center; gap: calc(var(--u) * 10.822511); flex: 1; min-width: 0; }:where(.web-home) .picker-label{ color: #999; flex-shrink: 0; }:where(.web-home) .picker-value{ color: #262626; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }:where(.web-home) .picker-arrow{ width: 0; height: 0; flex-shrink: 0; border-left: calc(var(--u) * 4.329004) solid transparent; border-right: calc(var(--u) * 4.329004) solid transparent; border-top: calc(var(--u) * 6.493506) solid #bfbfbf; margin-left: calc(var(--u) * 17.316017); }:where(.web-home) .switch-row{ display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; height: calc(var(--u) * 91.991342); padding: 0 calc(var(--u) * 14.069264) 0 calc(var(--u) * 3.246753); font-size: calc(var(--u) * 25.974026); color: #666; }:where(.web-home) .filter-toggle{ flex-shrink: 0; position: relative; box-sizing: border-box; width: calc(var(--u) * 99.5671); height: calc(var(--u) * 60.606061); border: calc(var(--u) * 2.164502) solid #e0e0e0; border-radius: calc(var(--u) * 32.467532); background: #fdfdfd; }:where(.web-home) .filter-toggle-thumb{ position: absolute; box-sizing: border-box; top: calc(var(--u) * -1.082251); left: calc(var(--u) * -1.082251); width: calc(var(--u) * 58.441558); height: calc(var(--u) * 58.441558); border: calc(var(--u) * 1.082251) solid #ddd; border-radius: 50%; background: #fff; box-shadow: 0 calc(var(--u) * 2.164502) calc(var(--u) * 4.329004) #0004; }:where(.web-home) .filter-toggle-on{ background: #4caf50; border-color: #4caf50; }:where(.web-home) .filter-toggle-on .filter-toggle-thumb{ left: calc(var(--u) * 37.878788); }:where(.web-home) .filter-toggle-input{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; }:where(.web-home) .search-box{ display: flex; align-items: center; box-sizing: border-box; height: calc(var(--u) * 72.510823); background: #f7f7f7; border-radius: calc(var(--u) * 11.904762); padding: 0 calc(var(--u) * 23.809524); }:where(.web-home) .search-box input{ flex: 1; min-width: 0; font-family: inherit; font-size: calc(var(--u) * 28.138528); height: calc(var(--u) * 38.961039); line-height: calc(var(--u) * 38.961039); color: #262626; }:where(.web-home) .search-placeholder{ color: #888; }:where(.web-home) .date-picker{ margin-top: calc(var(--u) * 15.151515); }:where(.web-home) .picker-value.date-value-selected{ color: #4caf50; font-weight: 700; }:where(.web-home) .date-clear{ position: relative; flex-shrink: 0; width: calc(var(--u) * 40); height: calc(var(--u) * 40); margin-right: calc(var(--u) * -8); }:where(.web-home) .date-clear-line{ position: absolute; top: calc(var(--u) * 19); left: calc(var(--u) * 6); width: calc(var(--u) * 28); height: calc(var(--u) * 2); background: #bfbfbf; transform: rotate(45deg); }:where(.web-home) .date-clear-line + .date-clear-line{ transform: rotate(-45deg); }:where(.web-home) .date-dialog-dismiss{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 200; background: transparent; }:where(.web-home) .date-dialog{ position: fixed; z-index: 201; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(var(--u) * 700); max-width: calc(100vw - calc(var(--u) * 48)); background: #fff; border: calc(var(--u) * 2) solid #e5e5e5; border-radius: calc(var(--u) * 16); overflow: hidden; box-shadow: 0 calc(var(--u) * 22) calc(var(--u) * 48) #0003; }:where(.web-home) .date-dialog-heading{ display: flex; align-items: center; box-sizing: border-box; height: calc(var(--u) * 112); padding: 0 calc(var(--u) * 42); border-bottom: calc(var(--u) * 1) solid #e5e5e5; font-size: calc(var(--u) * 28); font-weight: 600; color: #333; }:where(.web-home) .date-wheel-area{ position: relative; height: calc(var(--u) * 390); overflow: hidden; }:where(.web-home) .date-wheel-highlight{ position: absolute; z-index: 2; pointer-events: none; top: calc(var(--u) * 159); left: 0; right: 0; height: calc(var(--u) * 72); border-radius: calc(var(--u) * 6); background: #f2f2f2; }:where(.web-home) .date-selection-row{ position: absolute; z-index: 3; pointer-events: none; top: calc(var(--u) * 159); left: 0; right: 0; height: calc(var(--u) * 72); display: flex; overflow: hidden; }:where(.web-home) .date-selection-cell{ display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 33.333333%; height: calc(var(--u) * 72); font-family: 'Times New Roman', 'Songti SC', SimSun, serif; font-size: calc(var(--u) * 30); line-height: calc(var(--u) * 72); font-weight: 400; color: #222; white-space: nowrap; }:where(.web-home) .date-selection-cell + .date-selection-cell{ border-left: calc(var(--u) * 1) solid #e5e5e5; }:where(.web-home) .date-wheel{ position: relative; display: flex; width: 100%; height: 100%; }:where(.web-home) .date-scroll-column{ box-sizing: border-box; width: 33.333333%; height: 100%; overscroll-behavior: contain; }:where(.web-home) .date-scroll-column + .date-scroll-column{ border-left: calc(var(--u) * 1) solid #e5e5e5; }:where(.web-home) .date-wheel-spacer{ height: calc(var(--u) * 159); }:where(.web-home) .date-wheel-item{ display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: calc(var(--u) * 72); line-height: calc(var(--u) * 72); text-align: center; font-family: 'Times New Roman', 'Songti SC', SimSun, serif; font-size: calc(var(--u) * 30); font-weight: 400; white-space: nowrap; color: #888; }:where(.web-home) .date-wheel-selected{ visibility: hidden; }:where(.web-home) .date-dialog-actions{ display: flex; justify-content: center; gap: calc(var(--u) * 28); box-sizing: border-box; padding: calc(var(--u) * 34) 0 calc(var(--u) * 32); border-top: calc(var(--u) * 1) solid #e5e5e5; }:where(.web-home) .date-dialog-actions button{ width: calc(var(--u) * 216); height: calc(var(--u) * 88); margin: 0; line-height: calc(var(--u) * 88); border-radius: calc(var(--u) * 16); font-size: calc(var(--u) * 30); font-weight: 600; }:where(.web-home) .date-cancel{ background: #f2f2f2; color: #222; }:where(.web-home) .date-dialog-actions .date-confirm{ background: #07c160 !important; color: #fff !important; opacity: 1; }:where(.web-home) .section-heading{ display: flex; justify-content: space-between; align-items: center; margin: calc(var(--u) * 32) calc(var(--u) * 4) calc(var(--u) * 22); font-size: calc(var(--u) * 29); font-weight: 600; }:where(.web-home) .section-note{ color: #aaa19b; font-size: calc(var(--u) * 22); font-weight: 400; }:where(.web-home) .works-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--u) * 22); }:where(.web-home) .work-card{ background: #fff; border-radius: calc(var(--u) * 22); overflow: hidden; border: calc(var(--u) * 1) solid #f0ece8; box-shadow: 0 calc(var(--u) * 6) calc(var(--u) * 20) #56473504; }:where(.web-home) .work-cover{ height: calc(var(--u) * 324); position: relative; overflow: hidden; }:where(.web-home) .cover-image{ width: 100%; height: 100%; }:where(.web-home) .work-cover-locked{ background: linear-gradient(145deg, #e8e1dc, #f1ebe6 58%, #e3dbd7); }:where(.web-home) .locked-content{ height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: calc(var(--u) * 16); color: #a79a90; font-size: calc(var(--u) * 21); }:where(.web-home) .lock-disc{ display: flex; justify-content: center; align-items: center; width: calc(var(--u) * 78); height: calc(var(--u) * 78); background: #ffffff70; border: calc(var(--u) * 1) solid #ffffffa6; border-radius: 50%; }:where(.web-home) .status-badge{ position: absolute; top: calc(var(--u) * 16); left: calc(var(--u) * 14); border-radius: calc(var(--u) * 9); font-size: calc(var(--u) * 19); padding: calc(var(--u) * 8) calc(var(--u) * 12); }:where(.web-home) .status-pending{ color: #9e743a; background: #fff1d9; }:where(.web-home) .status-authorized{ color: #5c8777; background: #e5f2e9; }:where(.web-home) .status-completed{ color: #8f8781; background: #ede9e5; }:where(.web-home) .image-count{ position: absolute; bottom: calc(var(--u) * 14); right: calc(var(--u) * 14); display: flex; gap: calc(var(--u) * 5); align-items: center; background: #443b3659; color: #fff; padding: calc(var(--u) * 5) calc(var(--u) * 11); border-radius: calc(var(--u) * 20); font-size: calc(var(--u) * 20); }:where(.web-home) .work-points{ margin-top: calc(var(--u) * 12); color: #baffd8; font-size: calc(var(--u) * 26); font-weight: 600; text-shadow: 0 calc(var(--u) * 1) calc(var(--u) * 4) #002e24; }:where(.web-home) .work-info{ padding: calc(var(--u) * 22) calc(var(--u) * 20) calc(var(--u) * 16); }:where(.web-home) .work-title{ font-size: calc(var(--u) * 29); font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }:where(.web-home) .work-creator{ display: inline-block; color: #a28a7b; background: #f7f3ef; font-size: calc(var(--u) * 21); padding: calc(var(--u) * 7) calc(var(--u) * 12); border-radius: calc(var(--u) * 7); margin-top: calc(var(--u) * 12); }:where(.web-home) .work-meta{ display: flex; align-items: center; justify-content: space-between; color: #b0a59e; font-size: calc(var(--u) * 19); margin-top: calc(var(--u) * 22); }:where(.web-home) .view-count{ display: flex; align-items: center; gap: calc(var(--u) * 6); }:where(.web-home) .share-button{ display: flex; align-items: center; justify-content: center; gap: calc(var(--u) * 9); border-top: calc(var(--u) * 1) solid #f5f1ee; color: #b88d87; font-size: calc(var(--u) * 21); line-height: calc(var(--u) * 58); margin-top: calc(var(--u) * 16); }:where(.web-home) .creator-list{ display: flex; flex-direction: column; gap: calc(var(--u) * 22); }:where(.web-home) .creator-card{ display: flex; align-items: center; background: transparent; border: calc(var(--u) * 1) solid #d5ffe63d; border-radius: calc(var(--u) * 26); padding: calc(var(--u) * 34) calc(var(--u) * 26); box-shadow: none; }:where(.web-home) .avatar-wrap{ position: relative; flex-shrink: 0; margin-right: calc(var(--u) * 26); }:where(.web-home) .creator-avatar{ width: calc(var(--u) * 116); height: calc(var(--u) * 116); border-radius: 50%; background: #f4efeb; border: calc(var(--u) * 6) solid #faf5f1; display: block; }:where(.web-home) .avatar-dot{ position: absolute; right: calc(var(--u) * 5); bottom: calc(var(--u) * 7); width: calc(var(--u) * 18); height: calc(var(--u) * 18); border: calc(var(--u) * 5) solid #fff; background: #afc7ae; border-radius: 50%; }:where(.web-home) .creator-info{ flex: 1; min-width: 0; }:where(.web-home) .creator-name{ color: #fff; font-size: calc(var(--u) * 32); font-weight: 700; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 14) #001b18; }:where(.web-home) .creator-description{ color: #effff5; font-size: calc(var(--u) * 22); line-height: 1.6; margin-top: calc(var(--u) * 10); text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 12) #001b18; }:where(.web-home) .creator-meta{ color: #d4ffb6; font-size: calc(var(--u) * 20); margin-top: calc(var(--u) * 14); text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 12) #001b18; }:where(.web-home) .meta-dot{ padding: 0 calc(var(--u) * 12); }:where(.web-home) .creator-arrow{ display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: transparent; color: #effff5; width: calc(var(--u) * 50); height: calc(var(--u) * 50); border-radius: 50%; margin-left: calc(var(--u) * 12); }:where(.web-home) .card-pressed{ opacity: .75; }:where(.web-home) .list-footer{ display: flex; align-items: center; justify-content: center; gap: calc(var(--u) * 20); color: #c3b8b0; font-size: calc(var(--u) * 21); padding: calc(var(--u) * 46) 0; }:where(.web-home) .footer-line{ width: calc(var(--u) * 44); height: calc(var(--u) * 1); background: #e4dcd6; }:where(.web-home) .state-panel{ text-align: center; padding: calc(var(--u) * 90) calc(var(--u) * 20); color: #aa9b90; font-size: calc(var(--u) * 26); }:where(.web-home) .text-button{ color: #c47379; font-size: calc(var(--u) * 25); margin-top: calc(var(--u) * 20); }:where(.web-home) .back-button{ display: flex; align-items: center; color: #b17b79; font-size: calc(var(--u) * 24); line-height: calc(var(--u) * 60); margin-bottom: calc(var(--u) * 16); }:where(.web-home) .connection-description{ color: #ac9a8a; font-size: calc(var(--u) * 21); line-height: 1.7; margin-top: calc(var(--u) * 8); }:where(.web-home) .connection-notice{ display: none !important; }:where(.web-home) .login-prompt-mask{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 300; background: #00171355; }:where(.web-home) .login-prompt{ position: fixed; top: 50%; left: 50%; z-index: 301; transform: translate(-50%, -50%); box-sizing: border-box; width: calc(var(--u) * 574); max-width: calc(100vw - calc(var(--u) * 64)); padding: calc(var(--u) * 54) calc(var(--u) * 52) calc(var(--u) * 56); border: calc(var(--u) * 1) solid #d1ffe499; border-radius: calc(var(--u) * 30); background: transparent; backdrop-filter: blur(22px); box-shadow: 0 calc(var(--u) * 18) calc(var(--u) * 56) #00161280; color: #f3fff8; text-align: center; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 14) #001b18; }:where(.web-home) .login-prompt-title{ font-size: calc(var(--u) * 32); font-weight: 600; line-height: calc(var(--u) * 46); }:where(.web-home) .login-prompt-description{ margin-top: calc(var(--u) * 28); color: #e0f6e9; font-size: calc(var(--u) * 28); line-height: calc(var(--u) * 42); }:where(.web-home) .login-prompt-actions{ display: flex; gap: calc(var(--u) * 28); margin-top: calc(var(--u) * 52); }:where(.web-home) .login-prompt-actions button{ flex: 1; min-width: 0; margin: 0; padding: 0; height: calc(var(--u) * 88); line-height: calc(var(--u) * 88); border-radius: calc(var(--u) * 16); font-size: calc(var(--u) * 30); font-weight: 600; background: transparent; color: #f3fff8; box-shadow: inset 0 0 0 calc(var(--u) * 1) #d5ffe680; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18; }:where(.web-home) .login-prompt-actions .login-prompt-confirm{ color: #ccffa5; box-shadow: inset 0 0 0 calc(var(--u) * 2) #b1f98d; }:where(.web-home) .home-page .cart-add-button,:where(.web-home) .home-page .cart-add-button[disabled]{
  display: flex; align-items: center; justify-content: center; gap: calc(var(--u) * 12);
  box-sizing: border-box; height: calc(var(--u) * 64); margin-top: calc(var(--u) * 16); padding: 0 calc(var(--u) * 16);
  line-height: 1; font-size: calc(var(--u) * 24); font-weight: 600; letter-spacing: calc(var(--u) * 2);
  color: #d2ffab; background: transparent; border: calc(var(--u) * 1) solid #b1f98d99;
  border-radius: calc(var(--u) * 16); box-shadow: inset 0 calc(var(--u) * 1) 0 #e2ffe91a;
  text-shadow: none; opacity: 1;
}:where(.web-home) .home-page .cart-add-button::after{ border: none; }:where(.web-home) .home-page .reservation-pending[disabled]{
  color: #e8f5ee; border-color: #c5e6d580;
  background: transparent; text-shadow: none;
}

:where(.web-my) #app{ background: #f5f6f8; color: #222; }:where(.web-my) .my-page{ padding: calc(var(--u) * 24) calc(var(--u) * 24) calc(calc(var(--u) * 132) + env(safe-area-inset-bottom)); }:where(.web-my) .profile-card,:where(.web-my) .profile-menu-card,:where(.web-my) .profile-logout{ background: #fff; border-radius: calc(var(--u) * 22); box-shadow: 0 calc(var(--u) * 3) calc(var(--u) * 8) #00000006; }:where(.web-my) .profile-card{ display: flex; align-items: center; box-sizing: border-box; height: calc(var(--u) * 178); padding: calc(var(--u) * 30); }:where(.web-my) .profile-avatar-wrap{ position: relative; flex-shrink: 0; margin-right: calc(var(--u) * 48); }:where(.web-my) .profile-avatar{ display: block; width: calc(var(--u) * 100); height: calc(var(--u) * 100); border-radius: 50%; }:where(.web-my) .profile-avatar-letter{ display: flex; align-items: center; justify-content: center; background: #e74c5b; color: #fff; font-size: calc(var(--u) * 48); line-height: 1; }:where(.web-my) .profile-edit{ position: absolute; right: calc(var(--u) * -28); bottom: calc(var(--u) * -6); display: flex; align-items: center; justify-content: center; width: calc(var(--u) * 40); height: calc(var(--u) * 40); border: calc(var(--u) * 3) solid #fff; border-radius: 50%; background: #4d7ccc; color: #fff; font-size: calc(var(--u) * 24); }:where(.web-my) .profile-info{ flex: 1; min-width: 0; }:where(.web-my) .profile-name{ font-size: calc(var(--u) * 32); line-height: calc(var(--u) * 44); font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }:where(.web-my) .profile-meta{ display: flex; align-items: center; flex-wrap: wrap; gap: calc(var(--u) * 12); margin-top: calc(var(--u) * 6); }:where(.web-my) .profile-role{ color: #4caf50; background: #e6f4e9; padding: calc(var(--u) * 3) calc(var(--u) * 12); border-radius: calc(var(--u) * 24); font-size: calc(var(--u) * 22); line-height: calc(var(--u) * 28); }:where(.web-my) .profile-phone{ color: #bbb; font-size: calc(var(--u) * 24); line-height: calc(var(--u) * 34); }:where(.web-my) .guest-profile-card{ gap: calc(var(--u) * 24); }:where(.web-my) .guest-avatar{ display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: calc(var(--u) * 100); height: calc(var(--u) * 100); border-radius: 50%; background: #f0f0f0; color: #bbb; font-size: calc(var(--u) * 48); line-height: 1; }:where(.web-my) .guest-profile-info{ flex: 1; min-width: 0; }:where(.web-my) .guest-profile-description{ color: #999; font-size: calc(var(--u) * 24); line-height: calc(var(--u) * 34); white-space: nowrap; }:where(.web-my) .guest-login-button{ flex-shrink: 0; width: calc(var(--u) * 112); height: calc(var(--u) * 64); margin: 0; padding: 0; border-radius: calc(var(--u) * 40); background: #e74c5b; color: #fff; font-size: calc(var(--u) * 28); font-weight: 400; line-height: calc(var(--u) * 64); }:where(.web-my) .guest-login-button::after{ border: 0; }:where(.web-my) .profile-menu-card{ margin-top: calc(var(--u) * 24); }:where(.web-my) .profile-menu-heading{ padding: calc(var(--u) * 28) calc(var(--u) * 30) 0; color: #999; font-size: calc(var(--u) * 24); line-height: calc(var(--u) * 34); }:where(.web-my) .profile-menu-row{ display: flex; align-items: center; justify-content: space-between; height: calc(var(--u) * 112); padding: 0 calc(var(--u) * 30); font-size: calc(var(--u) * 28); }:where(.web-my) .profile-menu-arrow{ color: #ccc; font-size: calc(var(--u) * 40); line-height: 1; }:where(.web-my) .profile-logout{ display: block; width: 100%; height: calc(var(--u) * 90); line-height: calc(var(--u) * 90); margin-top: calc(var(--u) * 24); padding: 0; color: #ff4d4f; font-size: calc(var(--u) * 28); font-weight: 400; }:where(.web-my) .profile-logout[disabled]{ color: #ff4d4f; background: #fff; }:where(.web-my) .profile-logout::after{ border: 0; }:where(.web-my) .profile-points{ margin-top: calc(var(--u) * 5); color: #e6ffef; font-size: calc(var(--u) * 22); line-height: calc(var(--u) * 28); text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18; }:where(.web-my) .profile-points span{ margin-left: calc(var(--u) * 12); font-weight: 700; color: #d2ffa7; }

:where(.web-bookings) #app{ background: #f5f6f8; color: #222; }:where(.web-bookings) .bookings-page{ min-height: calc(100vh - calc(var(--u) * 112)); padding-bottom: calc(calc(var(--u) * 132) + env(safe-area-inset-bottom)); box-sizing: border-box; }:where(.web-bookings) .booking-empty{ padding-top: calc(var(--u) * 144); text-align: center; color: #aaa; font-size: calc(var(--u) * 28); line-height: calc(var(--u) * 36); }:where(.web-bookings) .booking-state{ padding: calc(var(--u) * 144) calc(var(--u) * 32) 0; text-align: center; color: #aaa; font-size: calc(var(--u) * 28); line-height: 1.6; }:where(.web-bookings) .booking-state button{ background: transparent; color: #d9787e; font-size: calc(var(--u) * 26); margin-top: calc(var(--u) * 20); }:where(.web-bookings) .booking-state button::after{ border: 0; }:where(.web-bookings) .booking-list{ padding: calc(var(--u) * 24); }:where(.web-bookings) .booking-card{ background: #fff; border-radius: calc(var(--u) * 16); margin-bottom: calc(var(--u) * 24); overflow: hidden; }:where(.web-bookings) .booking-header{ display: flex; align-items: center; justify-content: space-between; padding: calc(var(--u) * 24); border-bottom: calc(var(--u) * 1) solid #f0f0f0; gap: calc(var(--u) * 16); }:where(.web-bookings) .booking-creator{ font-size: calc(var(--u) * 28); font-weight: 600; }:where(.web-bookings) .booking-status{ color: #c58b35; font-size: calc(var(--u) * 23); flex-shrink: 0; }:where(.web-bookings) .booking-content{ display: flex; gap: calc(var(--u) * 24); padding: calc(var(--u) * 24); }:where(.web-bookings) .booking-cover{ width: calc(var(--u) * 176); height: calc(var(--u) * 204); border-radius: calc(var(--u) * 10); flex-shrink: 0; background: #eee; }:where(.web-bookings) .booking-info{ flex: 1; min-width: 0; }:where(.web-bookings) .booking-title{ font-size: calc(var(--u) * 30); font-weight: 600; line-height: 1.5; }:where(.web-bookings) .booking-meta{ font-size: calc(var(--u) * 23); color: #999; line-height: 1.8; margin-top: calc(var(--u) * 10); }:where(.web-bookings) .booking-detail-link{ margin-top: calc(var(--u) * 20); font-size: calc(var(--u) * 25); color: #d9787e; }:where(.web-bookings) .booking-sections{ display: flex; gap: calc(var(--u) * 20); padding: calc(var(--u) * 24) calc(var(--u) * 24) 0; }:where(.web-bookings) .booking-sections button{ flex: 1; margin: 0; font-size: calc(var(--u) * 28); line-height: calc(var(--u) * 76); border-radius: calc(var(--u) * 14); }:where(.web-bookings) .booking-sections .section-selected{ color: #d2ffab; box-shadow: inset 0 0 0 calc(var(--u) * 2) #b1f98d; }

:where(.web-work) #app{ background: #f5f6f8; color: #222; }:where(.web-work) .work-detail-page{ padding: calc(var(--u) * 20) calc(var(--u) * 20) calc(calc(var(--u) * 48) + env(safe-area-inset-bottom)); }:where(.web-work) .detail-state{ text-align: center; color: #aaa; padding: calc(var(--u) * 144) calc(var(--u) * 24); font-size: calc(var(--u) * 28); }:where(.web-work) .detail-state button{ margin-top: calc(var(--u) * 24); background: transparent; color: #d9787e; font-size: calc(var(--u) * 26); }:where(.web-work) button::after{ border: 0; }:where(.web-work) .work-gallery{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(var(--u) * 20); }:where(.web-work) .gallery-item{ position: relative; min-width: 0; height: 0; padding-bottom: 100%; overflow: hidden; border-radius: calc(var(--u) * 8); background: #eee; }:where(.web-work) .gallery-image{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }:where(.web-work) .gallery-authorized{ position: absolute; left: calc(var(--u) * 10); bottom: calc(var(--u) * 10); padding: calc(var(--u) * 6) calc(var(--u) * 12); border-radius: calc(var(--u) * 8); background: #48ad42; color: #fff; font-size: calc(var(--u) * 24); line-height: calc(var(--u) * 32); }:where(.web-work) .detail-panel{ margin-top: calc(var(--u) * 24); padding: calc(var(--u) * 28); background: #fff; border-radius: calc(var(--u) * 16); }:where(.web-work) .booking-summary{ margin-top: 0; margin-bottom: calc(var(--u) * 24); }:where(.web-work) .summary-title{ color: #c58b35; font-size: calc(var(--u) * 32); font-weight: 600; }:where(.web-work) .detail-title{ font-size: calc(var(--u) * 36); font-weight: 600; }:where(.web-work) .detail-creator{ display: flex; gap: calc(var(--u) * 16); align-items: center; margin: calc(var(--u) * 24) 0; font-size: calc(var(--u) * 28); }:where(.web-work) .detail-creator img{ width: calc(var(--u) * 60); height: calc(var(--u) * 60); border-radius: 50%; }:where(.web-work) .detail-row{ display: flex; justify-content: space-between; font-size: calc(var(--u) * 27); padding: calc(var(--u) * 20) 0; border-top: calc(var(--u) * 1) solid #f2f2f2; }:where(.web-work) .detail-row span:first-child{ color: #999; }:where(.web-work) .detail-muted{ font-size: calc(var(--u) * 23); color: #999; line-height: 1.8; margin-top: calc(var(--u) * 16); word-break: break-all; }:where(.web-work) .detail-actions{ margin-top: calc(var(--u) * 32); }:where(.web-work) .reserve-button{ background: #d9787e; color: #fff; font-size: calc(var(--u) * 30); border-radius: calc(var(--u) * 14); }:where(.web-work) .reserve-button[disabled]{ background: #ccc; color: #fff; }:where(.web-work) .detail-actions .reserve-button + .reserve-button{ margin-top: calc(var(--u) * 20); }

:where(.web-login) #app{ background: #00201d; color: #f2fff6; }:where(.web-login) .login-page{ position: relative; box-sizing: border-box; min-height: 100vh; padding: calc(var(--u) * 36) calc(var(--u) * 28) calc(calc(var(--u) * 44) + env(safe-area-inset-bottom)); overflow: hidden; }:where(.web-login) .login-scene{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: calc(var(--u) * 1300); pointer-events: none; }:where(.web-login) .scene-shade{ position: absolute; inset: 0; background: linear-gradient(180deg, #001a1b33 0%, #001e1c11 28%, #001e1c99 52%, #001e1ccc 100%); pointer-events: none; }:where(.web-login) .brand{ position: relative; z-index: 1; min-height: calc(var(--u) * 470); padding: calc(var(--u) * 20) calc(var(--u) * 22) calc(var(--u) * 28); box-sizing: border-box; }:where(.web-login) .brand-top{ display: flex; align-items: center; gap: calc(var(--u) * 22); }:where(.web-login) .brand-symbol{ position: relative; flex-shrink: 0; width: calc(var(--u) * 96); height: calc(var(--u) * 96); border: calc(var(--u) * 1) solid #a8ff8c; border-radius: calc(var(--u) * 25); overflow: hidden; box-shadow: 0 0 calc(var(--u) * 22) #80ff642e; background: #03823e; }:where(.web-login) .brand-symbol img{ position: absolute; width: 630%; max-width: none; left: -212%; top: -170%; }:where(.web-login) .brand-name{ font-size: calc(var(--u) * 42); font-weight: 700; line-height: calc(var(--u) * 58); letter-spacing: calc(var(--u) * 3); text-shadow: 0 calc(var(--u) * 3) calc(var(--u) * 12) #00201d; }:where(.web-login) .brand-subtitle{ margin-top: calc(var(--u) * 5); color: #cdece0; font-size: calc(var(--u) * 23); line-height: calc(var(--u) * 34); letter-spacing: calc(var(--u) * 1); }:where(.web-login) .brand-eyebrow{ margin-top: calc(var(--u) * 44); color: #a6ff3c; font-size: calc(var(--u) * 20); font-weight: 600; letter-spacing: calc(var(--u) * 3); }:where(.web-login) .brand-eyebrow::after{ content: ''; display: block; width: calc(var(--u) * 58); height: calc(var(--u) * 4); margin-top: calc(var(--u) * 15); border-radius: calc(var(--u) * 4); background: #a6ff3c; }:where(.web-login) .brand-headline{ margin-top: calc(var(--u) * 22); font-size: calc(var(--u) * 48); font-weight: 750; line-height: 1.4; letter-spacing: calc(var(--u) * 1); text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 16) #00241d; }:where(.web-login) .brand-headline span{ color: #a8ff3f; font-style: italic; }:where(.web-login) .brand-caption{ margin-top: calc(var(--u) * 18); color: #d0e8df; font-size: calc(var(--u) * 23); line-height: calc(var(--u) * 36); text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 10) #00201d; }:where(.web-login) .login-card{ position: relative; z-index: 1; padding: calc(var(--u) * 34) calc(var(--u) * 34) calc(var(--u) * 32); border: calc(var(--u) * 1) solid #a1f6d5b3; border-radius: calc(var(--u) * 36); background: linear-gradient(145deg, #267b6466, #00372fe6 55%, #0a533bdb); box-shadow: inset 0 calc(var(--u) * 2) calc(var(--u) * 12) #b2ffdd66, inset 0 calc(var(--u) * -5) calc(var(--u) * 14) #91ffad70, 0 0 calc(var(--u) * 28) #38ff9026; backdrop-filter: blur(16px); }:where(.web-login) .card-eyebrow{ display: flex; align-items: center; gap: calc(var(--u) * 12); color: #c5e9ce; font-size: calc(var(--u) * 21); line-height: calc(var(--u) * 32); letter-spacing: calc(var(--u) * 1); }:where(.web-login) .card-eyebrow span:first-child{ color: #b7ff4a; font-size: calc(var(--u) * 36); text-shadow: 0 0 calc(var(--u) * 16) #b7ff4a88; }:where(.web-login) .card-title{ margin-top: calc(var(--u) * 15); font-size: calc(var(--u) * 46); font-weight: 750; line-height: calc(var(--u) * 62); letter-spacing: calc(var(--u) * 2); color: #f2fff6; }:where(.web-login) .card-description{ margin-top: calc(var(--u) * 12); color: #c2ded1; font-size: calc(var(--u) * 25); line-height: calc(var(--u) * 40); }:where(.web-login) .demo-notice{ margin-top: calc(var(--u) * 20); padding: calc(var(--u) * 14) calc(var(--u) * 18); border-radius: calc(var(--u) * 10); background: #b5ff4122; color: #d9ffac; font-size: calc(var(--u) * 21); line-height: 1.6; }:where(.web-login) .agreement-group{ display: block; margin-top: calc(var(--u) * 30); }:where(.web-login) .agreement-row{ display: flex; align-items: flex-start; color: #c7e1d4; font-size: calc(var(--u) * 23); line-height: calc(var(--u) * 36); }:where(.web-login) .agreement-check{ display: flex; align-items: center; flex-shrink: 0; width: calc(var(--u) * 34); height: calc(var(--u) * 36); margin-right: calc(var(--u) * 12); }:where(.web-login) .agreement-check checkbox{ flex-shrink: 0; margin: 0; width: calc(var(--u) * 44); transform: scale(.75); transform-origin: left center; }:where(.web-login) .agreement-text{ flex: 1; min-width: 0; word-break: break-all; }:where(.web-login) .privacy-link{ color: #bbff70; }:where(.web-login) .login-error{ margin-top: calc(var(--u) * 16); padding: calc(var(--u) * 14) calc(var(--u) * 18); border: calc(var(--u) * 1) solid #ffbfa644; border-radius: calc(var(--u) * 10); background: #492e2a88; color: #ffd2ba; font-size: calc(var(--u) * 23); line-height: 1.6; }:where(.web-login) button{ padding: 0; font-weight: 500; }:where(.web-login) button::after{ border: 0; }:where(.web-login) .wechat-button{ display: flex; align-items: center; justify-content: center; gap: calc(var(--u) * 14); box-sizing: border-box; min-height: calc(var(--u) * 100); margin-top: calc(var(--u) * 30); padding: calc(var(--u) * 12); border: calc(var(--u) * 2) solid #d8ffaf; border-radius: calc(var(--u) * 54); background: linear-gradient(112deg, #35dc51, #b7ff30 55%, #00db84); color: #07331b; font-size: calc(var(--u) * 32); font-weight: 700; line-height: calc(var(--u) * 70); box-shadow: inset 0 calc(var(--u) * 4) calc(var(--u) * 9) #edffdcb3, 0 0 calc(var(--u) * 18) #aeff6499, 0 0 calc(var(--u) * 32) #6aff3b33; }:where(.web-login) .wechat-button[disabled]{ background: linear-gradient(112deg, #35dc51, #b7ff30 55%, #00db84); color: #07331b; opacity: .7; }:where(.web-login) .button-pressed{ opacity: .88; }:where(.web-login) .guest-button{ display: flex; align-items: center; justify-content: center; gap: calc(var(--u) * 8); box-sizing: border-box; min-height: calc(var(--u) * 78); margin-top: calc(var(--u) * 24); border: calc(var(--u) * 1) solid #91dcb15c; border-radius: calc(var(--u) * 40); background: #052d2466; color: #ddf5e4; font-size: calc(var(--u) * 25); line-height: calc(var(--u) * 76); }:where(.web-login) .guest-button[disabled]{ background: #052d2466; color: #b2cdbb; }:where(.web-login) .guest-button-pressed{ background: #24634599; }:where(.web-login) .login-note{ display: flex; align-items: center; justify-content: center; gap: calc(var(--u) * 8); margin-top: calc(var(--u) * 26); color: #a7cbb8; font-size: calc(var(--u) * 21); line-height: calc(var(--u) * 32); }:where(.web-login) .page-footer{ position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: calc(var(--u) * 18); padding-top: calc(var(--u) * 34); color: #a0c8b5; font-size: calc(var(--u) * 21); line-height: calc(var(--u) * 32); }:where(.web-login) .page-footer div{ width: calc(var(--u) * 36); height: calc(var(--u) * 1); background: #88ce9f66; }:where(.web-login) .invite-field{ margin-top: calc(var(--u) * 26); }:where(.web-login) .invite-label{ font-size: calc(var(--u) * 25); line-height: calc(var(--u) * 38); color: #effff5; font-weight: 600; }:where(.web-login) .invite-input{ box-sizing: border-box; height: calc(var(--u) * 86); margin-top: calc(var(--u) * 10); padding: 0 calc(var(--u) * 22); border: calc(var(--u) * 1) solid #d5ffe680; border-radius: calc(var(--u) * 16); background: transparent; color: #fff; font-size: calc(var(--u) * 27); letter-spacing: calc(var(--u) * 2); }:where(.web-login) .invite-placeholder{ color: #c7e2d1; letter-spacing: 0; }:where(.web-login) .invite-hint,:where(.web-login) .activity-disclosure{ color: #c7e2d1; font-size: calc(var(--u) * 21); line-height: calc(var(--u) * 34); text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18; }:where(.web-login) .invite-hint{ margin-top: calc(var(--u) * 9); }:where(.web-login) .activity-disclosure{ margin-top: calc(var(--u) * 20); }

:where(.web-policy) #app{ background: #fff; color: #333; }:where(.web-policy) .policy-page{ padding: calc(var(--u) * 40) calc(var(--u) * 32) calc(calc(var(--u) * 48) + env(safe-area-inset-bottom)); }:where(.web-policy) .policy-title{ font-size: calc(var(--u) * 36); font-weight: 600; margin-bottom: calc(var(--u) * 40); }:where(.web-policy) .policy-heading{ font-size: calc(var(--u) * 29); font-weight: 600; margin-top: calc(var(--u) * 32); }:where(.web-policy) .policy-text{ font-size: calc(var(--u) * 27); line-height: 1.9; color: #777; margin-top: calc(var(--u) * 16); }:where(.web-policy) .privacy-button{ margin-top: calc(var(--u) * 40); background: #f5f6f8; color: #333; font-size: calc(var(--u) * 27); }:where(.web-policy) .privacy-button::after{ border: 0; }:where(.web-policy) .policy-page{ padding: 0 calc(var(--u) * 28) calc(calc(var(--u) * 48) + env(safe-area-inset-bottom)); }:where(.web-policy) .policy-tabs{ position: sticky; top: 0; z-index: 10; display: flex; gap: calc(var(--u) * 22); margin: 0 calc(var(--u) * -28); padding: calc(var(--u) * 16) calc(var(--u) * 28); border-bottom: calc(var(--u) * 1) solid #d5ffe64d; background: transparent; backdrop-filter: blur(22px); }:where(.web-policy) .policy-page .policy-tabs .policy-tab{ position: relative; flex: 1; min-width: 0; margin: 0; padding: calc(var(--u) * 18) calc(var(--u) * 6) calc(var(--u) * 24); color: #ecfff2; font-size: calc(var(--u) * 28); line-height: calc(var(--u) * 40); font-weight: 500; box-shadow: none; border-radius: 0; background: transparent; }:where(.web-policy) .policy-page .policy-tabs .policy-tab-active{ color: #d2ffa7; font-weight: 700; }:where(.web-policy) .policy-tab-active::before{ content: ''; position: absolute; bottom: 0; left: 38%; right: 38%; height: calc(var(--u) * 5); border-radius: calc(var(--u) * 5); background: #b1f98d; }:where(.web-policy) .policy-content{ padding: calc(var(--u) * 34) calc(var(--u) * 6) 0; }:where(.web-policy) .policy-title{ margin: 0; text-align: center; font-size: calc(var(--u) * 35); line-height: calc(var(--u) * 54); font-weight: 700; }:where(.web-policy) .policy-date{ margin: calc(var(--u) * 20) 0 calc(var(--u) * 30); color: #d1e8db; font-size: calc(var(--u) * 24); line-height: calc(var(--u) * 38); text-align: center; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18; }:where(.web-policy) .policy-page .policy-text{ font-size: calc(var(--u) * 27); line-height: 1.95; margin-top: calc(var(--u) * 18); white-space: pre-wrap; word-break: break-all; }:where(.web-policy) .policy-page .policy-heading{ font-size: calc(var(--u) * 30); line-height: calc(var(--u) * 46); margin-top: calc(var(--u) * 38); font-weight: 700; }:where(.web-policy) .policy-notice{ margin-top: calc(var(--u) * 34); padding: calc(var(--u) * 24); border: calc(var(--u) * 1) solid #d5ffe655; border-radius: calc(var(--u) * 18); color: #e7fddd; font-size: calc(var(--u) * 25); line-height: 1.9; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18; }:where(.web-policy) .policy-page .privacy-button{ margin-top: calc(var(--u) * 32); line-height: calc(var(--u) * 84); border-radius: calc(var(--u) * 18); font-size: calc(var(--u) * 26); }

body{ background: #00201d; }
.dragon-page-background { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.dragon-page-background img { display: block; width: 100%; height: 100%; }
.dragon-page-shade { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, #001f1c33, #001f1c66 55%, #001f1ca6); }
.home-page, .my-page, .bookings-page, .work-detail-body{ position: relative; min-height: 100vh; box-sizing: border-box; background: transparent; }
.page-heading .page-title, .section-heading, .detail-state { color: #effff6; }
.page-heading .page-subtitle, .list-footer, .state-panel, .booking-empty, .booking-state { color: #c9ead7; }
.page-heading .eyebrow, .heading-mark, .section-note, .back-button { color: #b1ef82; }


.bookings-page .booking-card,
.work-detail-page .detail-panel,
.my-page .profile-card,
.my-page .profile-menu-card,
.my-page .profile-logout,
.my-page .profile-logout[disabled] {
  background: transparent;
  box-shadow: inset 0 0 0 calc(var(--u) * 1) #d5ffe63d;
}
.bookings-page .booking-card,
.work-detail-page .detail-panel,
.my-page .profile-card,
.my-page .profile-menu-card {
  color: #f4fff8;
  text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 14) #001b18;
}
.bookings-page .booking-header { border-bottom-color: #d5ffe63d; }
.bookings-page .booking-creator,
.bookings-page .booking-title,
.work-detail-page .detail-title,
.work-detail-page .detail-creator,
.work-detail-page .detail-row,
.my-page .profile-name,
.my-page .profile-menu-row { color: #fff; }
.bookings-page .booking-meta,
.work-detail-page .detail-muted,
.work-detail-page .detail-row span:first-child,
.my-page .profile-menu-heading,
.my-page .profile-phone,
.my-page .guest-profile-description { color: #e0f6e9; }
.bookings-page .booking-status,
.work-detail-page .summary-title { color: #ffd388; }
.bookings-page .booking-detail-link { color: #ff9da3; }
.work-detail-page .detail-row { border-top-color: #d5ffe63d; }
.work-detail-page .reserve-button,
.work-detail-page .reserve-button[disabled] {
  background: transparent;
  color: #fff;
  box-shadow: inset 0 0 0 calc(var(--u) * 1) #f0fff773;
  text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 12) #001b18;
}
.work-detail-page .reserve-button[disabled] { color: #b8d2c2; }
.my-page .profile-role { color: #c7ff9b; background: #153d2666; }
.my-page .profile-menu-arrow { color: #e3ffed; }
.my-page .profile-logout,
.my-page .profile-logout[disabled] { color: #ff8e96; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 12) #001b18; }


.home-page .filter-panel,
.home-page .picker-content,
.home-page .search-box,
.home-page .work-card,
.home-page .work-info,
.home-page .work-creator,
.home-page .sort-tab {
  background: transparent;
}
.home-page .picker-content,
.home-page .search-box,
.home-page .sort-tab { box-shadow: inset 0 0 0 calc(var(--u) * 1) #d5ffe64d; }
.home-page .work-card { border-color: #d5ffe63d; box-shadow: none; }
.home-page .sort-tab,
.home-page .picker-label,
.home-page .picker-value,
.home-page .switch-row,
.home-page .search-box input,
.home-page .search-placeholder,
.home-page .work-title,
.home-page .work-meta,
.home-page .work-creator {
  color: #f1fff6;
  text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 14) #001b18;
}
.home-page .sort-tab-active { color: #cdff9b; box-shadow: inset 0 0 0 calc(var(--u) * 2) #a6ef76; }
.home-page .picker-value.date-value-selected { color: #c4ff8a; }
.home-page .picker-arrow { border-top-color: #deffe8; }
.home-page .date-clear-line { background: #deffe8; }
.home-page .work-creator { color: #d4ffb6; }
.home-page .share-button { color: #fff; border-top-color: #d5ffe63d; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 12) #001b18; }
.home-page .text-button { color: #d4ffb6; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18; }


.home-page button, .my-page button, .bookings-page button, .work-detail-page button, .policy-page button,
.login-page .wechat-button, .login-page .wechat-button[disabled], .login-page .guest-button, .login-page .guest-button[disabled],
.my-page .guest-login-button, .my-page .profile-edit {
 background: transparent; color: #f2fff7; font-weight: 600;
 text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 14) #001b18;
 box-shadow: inset 0 0 0 calc(var(--u) * 1) #d5ffe666;
}
.home-page .back-button, .home-page .text-button, .home-page .login-button,
.home-page .share-button { box-shadow: none; }
.login-page .wechat-button, .login-page .wechat-button[disabled] { color: #d2ffab; border-color: #b1f98d; box-shadow: inset 0 0 0 calc(var(--u) * 1) #b1f98d33, 0 0 calc(var(--u) * 18) #7eff4e1a; }
.login-page .wechat-button[disabled], .login-page .guest-button[disabled] { opacity: .6; }
.my-page .profile-logout, .my-page .profile-logout[disabled] { color: #ffabb0; background: transparent; }
.home-page .guest-banner { background: transparent; border-color: #d5ffe655; }
.home-page .guest-title, .home-page .guest-description, .home-page .guest-icon { color: #e6ffed; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18; }
.home-page .creator-card, .home-page .work-card, .bookings-page .booking-card,
.my-page .profile-card, .my-page .profile-menu-card { transition: border-color .16s, box-shadow .16s; }
.home-page .card-pressed { opacity: 1; box-shadow: inset 0 0 0 calc(var(--u) * 2) #b6fa8b99; }
.home-page .sort-tab-active { color: #dcffb8; font-weight: 700; box-shadow: inset 0 0 0 calc(var(--u) * 2) #b6fa8b; }
.home-page .filter-toggle, .home-page .filter-toggle-on { background: transparent; border-color: #c9e7d0; }
.home-page .filter-toggle-thumb { background: #d0e2d4; border-color: #e6ffef; }
.home-page .filter-toggle-on { border-color: #b6fa8b; }
.home-page .filter-toggle-on .filter-toggle-thumb { background: #c5ff92; }
.publisher-menu, .date-dialog { background: transparent; border-color: #c8ffdc88; box-shadow: 0 calc(var(--u) * 16) calc(var(--u) * 46) #00161280; backdrop-filter: blur(22px); }
.publisher-option, .date-dialog-heading, .date-wheel-item, .date-selection-cell { color: #edfff3; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 12) #001b18; }
.publisher-option-selected, .publisher-option-hover { background: transparent; color: #d2ffa7; box-shadow: inset 0 0 0 calc(var(--u) * 1) #bdff8f99; }
.date-dialog-heading, .date-dialog-actions, .date-selection-cell + .date-selection-cell, .date-scroll-column + .date-scroll-column { border-color: #d5ffe63d; }
.date-wheel-highlight { background: transparent; box-shadow: inset 0 0 0 calc(var(--u) * 1) #b1f98d99; }
.date-selection-cell { color: #d2ffa7; font-weight: 600; }
.date-dialog-actions .date-cancel { background: transparent; color: #f2fff7; box-shadow: inset 0 0 0 calc(var(--u) * 1) #d5ffe666; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18; }
.date-dialog-actions .date-confirm { background: transparent !important; color: #ceffa2 !important; box-shadow: inset 0 0 0 calc(var(--u) * 2) #b1f98d; opacity: 1; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18; }
.policy-body{ position: relative; min-height: 100vh; box-sizing: border-box; color: #f0fff6; }
.policy-page .policy-title, .policy-page .policy-heading { color: #f5fff8; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18; }
.policy-page .policy-text { color: #e0f6e9; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 12) #001b18; }


.home-page button, .my-page button, .bookings-page button, .work-detail-page button, .policy-page button,
.login-page .wechat-button, .login-page .wechat-button[disabled], .login-page .guest-button, .login-page .guest-button[disabled],
.my-page .guest-login-button, .my-page .profile-edit {
 background: transparent; color: #f2fff7; font-weight: 600;
 text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 14) #001b18;
 box-shadow: inset 0 0 0 calc(var(--u) * 1) #d5ffe666;
}
.home-page .back-button, .home-page .text-button, .home-page .login-button,
.home-page .share-button { box-shadow: none; }
.login-page .wechat-button, .login-page .wechat-button[disabled] { color: #d2ffab; border-color: #b1f98d; box-shadow: inset 0 0 0 calc(var(--u) * 1) #b1f98d33, 0 0 calc(var(--u) * 18) #7eff4e1a; }
.login-page .wechat-button[disabled], .login-page .guest-button[disabled] { opacity: .6; }
.my-page .profile-logout, .my-page .profile-logout[disabled] { color: #ffabb0; background: transparent; }
.home-page .guest-banner { background: transparent; border-color: #d5ffe655; }
.home-page .guest-title, .home-page .guest-description, .home-page .guest-icon { color: #e6ffed; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18; }
.home-page .creator-card, .home-page .work-card, .bookings-page .booking-card,
.my-page .profile-card, .my-page .profile-menu-card { transition: border-color .16s, box-shadow .16s; }
.home-page .card-pressed { opacity: 1; box-shadow: inset 0 0 0 calc(var(--u) * 2) #b6fa8b99; }
.home-page .sort-tab-active { color: #dcffb8; font-weight: 700; box-shadow: inset 0 0 0 calc(var(--u) * 2) #b6fa8b; }
.home-page .filter-toggle, .home-page .filter-toggle-on { background: transparent; border-color: #c9e7d0; }
.home-page .filter-toggle-thumb { background: #d0e2d4; border-color: #e6ffef; }
.home-page .filter-toggle-on { border-color: #b6fa8b; }
.home-page .filter-toggle-on .filter-toggle-thumb { background: #c5ff92; }
.publisher-menu, .date-dialog { background: transparent; border-color: #c8ffdc88; box-shadow: 0 calc(var(--u) * 16) calc(var(--u) * 46) #00161280; backdrop-filter: blur(22px); }
.publisher-option, .date-dialog-heading, .date-wheel-item, .date-selection-cell { color: #edfff3; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 12) #001b18; }
.publisher-option-selected, .publisher-option-hover { background: transparent; color: #d2ffa7; box-shadow: inset 0 0 0 calc(var(--u) * 1) #bdff8f99; }
.date-dialog-heading, .date-dialog-actions, .date-selection-cell + .date-selection-cell, .date-scroll-column + .date-scroll-column { border-color: #d5ffe63d; }
.date-wheel-highlight { background: transparent; box-shadow: inset 0 0 0 calc(var(--u) * 1) #b1f98d99; }
.date-selection-cell { color: #d2ffa7; font-weight: 600; }
.date-dialog-actions .date-cancel { background: transparent; color: #f2fff7; box-shadow: inset 0 0 0 calc(var(--u) * 1) #d5ffe666; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18; }
.date-dialog-actions .date-confirm { background: transparent !important; color: #ceffa2 !important; box-shadow: inset 0 0 0 calc(var(--u) * 2) #b1f98d; opacity: 1; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18; }
.policy-page { position: relative; min-height: 100vh; box-sizing: border-box; color: #f0fff6; }
.policy-page .policy-title, .policy-page .policy-heading { color: #f5fff8; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18; }
.policy-page .policy-text { color: #e0f6e9; text-shadow: 0 calc(var(--u) * 2) calc(var(--u) * 6) #001b18, 0 0 calc(var(--u) * 12) #001b18; }