/* Shared visual scale; device safe areas remain runtime layout values. */
.web-page {
  --qs-page-gutter: calc(40 * var(--rpx));
  --qs-section-gap: calc(40 * var(--rpx));
  --qs-card-padding: calc(28 * var(--rpx));
  --qs-card-radius: calc(24 * var(--rpx));
  --qs-control-radius: calc(20 * var(--rpx));
  --qs-font-display: calc(40 * var(--rpx));
  --qs-font-title: calc(32 * var(--rpx));
  --qs-font-body: calc(28 * var(--rpx));
  --qs-font-caption: calc(24 * var(--rpx));
  --qs-font-meta: calc(22 * var(--rpx));
  --qs-color-bg: #F6F7F8;
  --qs-color-surface: #FFFFFF;
  --qs-color-text: #171A1F;
  --qs-color-muted: #717780;
  --qs-color-subtle: #92979E;
  --qs-color-brand: #10A398;
  --qs-color-brand-strong: #087F77;
  --qs-color-brand-soft: #E6F7F4;
  --qs-color-line: #E5EAE8;
}


.web-page {
  min-height: 100%;
  background: var(--qs-color-bg);
  color: var(--qs-color-text);
  font-family: "PingFang SC", "Noto Sans SC", sans-serif;
  box-sizing: border-box;
}

div, span, button, input, textarea { box-sizing: border-box; }
button::after { border: none; }

.screen {
  min-height: 100vh;
  padding: 0 calc(var(--qs-page-gutter) + var(--safe-right, 0px)) calc(56 * var(--rpx)) calc(var(--qs-page-gutter) + var(--safe-left, 0px));
  background: var(--qs-color-bg);
}
.primary-page-transition {
  transform: translate3d(0, 0, 0);
  transition: transform 180ms cubic-bezier(.22,.8,.24,1);
  will-change: transform;
}
.primary-page-enter-from-right { transform: translate3d(calc(30 * var(--rpx)), 0, 0); }
.primary-page-enter-from-left { transform: translate3d(calc(-30 * var(--rpx)), 0, 0); }
.safe-top { height: 0; }
.nav { min-height: calc(104 * var(--rpx)); display: grid; grid-template-columns: calc(152 * var(--rpx)) 1fr calc(152 * var(--rpx)); align-items: center; }
.nav-title { overflow: hidden; color: #171A1F; font-size: calc(30 * var(--rpx)); line-height: 1.25; font-weight: 650; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.nav-back { min-width: 0; min-height: calc(72 * var(--rpx)); display: flex; align-items: center; gap: calc(2 * var(--rpx)); color: #262A30; font-size: calc(24 * var(--rpx)); }
.nav-back:last-child { justify-content: flex-end; }
.back-icon { width: calc(38 * var(--rpx)); height: calc(38 * var(--rpx)); flex: none; }
.chevron-icon { width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx)); flex: none; opacity: .55; }
.display { color: var(--qs-color-text); font-size: var(--qs-font-display); line-height: 1.3; font-weight: 700; letter-spacing: 0; overflow-wrap: break-word; }
.section-title { color: var(--qs-color-text); font-size: var(--qs-font-title); font-weight: 650; line-height: 1.4; }
.body { color: var(--qs-color-muted); font-size: var(--qs-font-body); line-height: 1.6; overflow-wrap: break-word; }
.caption { color: var(--qs-color-subtle); font-size: var(--qs-font-caption); line-height: 1.5; overflow-wrap: break-word; }
.card { border: calc(1 * var(--rpx)) solid var(--qs-color-line); border-radius: var(--qs-card-radius); background: var(--qs-color-surface); }
.primary-button { min-width: 0; min-height: calc(96 * var(--rpx)); display: flex; align-items: center; justify-content: center; margin-left: 0; margin-right: 0; padding: calc(20 * var(--rpx)) calc(28 * var(--rpx)); border-radius: var(--qs-control-radius); background: var(--qs-color-brand); color: #FFFFFF; font-size: var(--qs-font-body); font-weight: 650; line-height: 1.4; white-space: normal; overflow-wrap: break-word; word-break: break-word; }
.secondary-button { min-width: 0; min-height: calc(96 * var(--rpx)); display: flex; align-items: center; justify-content: center; margin-left: 0; margin-right: 0; padding: calc(20 * var(--rpx)) calc(28 * var(--rpx)); border: calc(2 * var(--rpx)) solid var(--qs-color-line); border-radius: var(--qs-control-radius); background: var(--qs-color-surface); color: var(--qs-color-text); font-size: var(--qs-font-body); font-weight: 600; line-height: 1.4; white-space: normal; overflow-wrap: break-word; word-break: break-word; }
.pill { display: inline-flex; align-items: center; justify-content: center; min-height: calc(54 * var(--rpx)); padding: 0 calc(22 * var(--rpx)); border-radius: calc(27 * var(--rpx)); color: #087C73; background: #E6F7F4; font-size: calc(22 * var(--rpx)); }
.tap { opacity: .82; }
.tap-target { transform: translateZ(0) scale(1); opacity: 1; transition: transform 120ms cubic-bezier(.2,.8,.2,1), opacity 120ms ease, background-color 120ms ease, box-shadow 120ms ease; }
.tap-target-pressed { transform: translateZ(0) scale(.975); opacity: .82; }
.tap-card { transform: translateZ(0) scale(1); opacity: 1; transition: transform 140ms cubic-bezier(.2,.8,.2,1), opacity 140ms ease, background-color 140ms ease, box-shadow 140ms ease; }
.tap-card-pressed { transform: translateZ(0) scale(.988); opacity: .9; }
.tap-icon { transform: translateZ(0) scale(1); opacity: 1; transition: transform 110ms cubic-bezier(.2,.8,.2,1), opacity 110ms ease, background-color 110ms ease; }
.tap-icon-pressed { transform: translateZ(0) scale(.9); opacity: .72; }
.tap-fade { opacity: 1; transition: opacity 110ms ease, color 110ms ease, background-color 110ms ease; }
.tap-fade-pressed { opacity: .54; }
.bottom-dock { position: fixed; left: calc(calc(24 * var(--rpx)) + var(--safe-left, 0px)); right: calc(calc(24 * var(--rpx)) + var(--safe-right, 0px)); bottom: calc(calc(20 * var(--rpx)) + env(safe-area-inset-bottom)); min-height: calc(112 * var(--rpx)); display: flex; align-items: center; padding: 0 calc(16 * var(--rpx)) 0 calc(24 * var(--rpx)); border: 0; border-radius: calc(34 * var(--rpx)); background: rgba(255,255,255,.98); box-shadow: 0 calc(12 * var(--rpx)) calc(34 * var(--rpx)) rgba(20,28,36,.12); }
.bottom-spacer { height: calc(150 * var(--rpx)); }
.demo-note { margin-top: calc(18 * var(--rpx)); color: #92979E; font-size: calc(20 * var(--rpx)); text-align: center; }
.sheet-mask { position: fixed; inset: 0; z-index: 90; background: rgba(18,20,24,.34); }
.sheet-handle { width: calc(72 * var(--rpx)); height: calc(8 * var(--rpx)); margin: 0 auto calc(30 * var(--rpx)); border-radius: calc(4 * var(--rpx)); background: #E2E4E7; }



/* pages/login/login */
.login-screen[data-v-qs0] { min-height: 100vh; box-sizing: border-box; padding-left: calc(calc(40 * var(--rpx)) + var(--safe-left, 0px)); padding-right: calc(calc(40 * var(--rpx)) + var(--safe-right, 0px)); background: radial-gradient(circle at 92% 4%, #E2FAF4 0, rgba(226,250,244,0) 31%), #F8F9FA;
}
.login-brand[data-v-qs0] { display: flex; align-items: center; min-height: calc(82 * var(--rpx));
}.brand-logo[data-v-qs0] { width: calc(176 * var(--rpx)); height: calc(54 * var(--rpx)); flex: none;
}.brand-note[data-v-qs0] { margin-left: calc(15 * var(--rpx)); color: #949AA1; font-size: calc(18 * var(--rpx));
}
.login-copy[data-v-qs0] { margin-top: calc(86 * var(--rpx));
}.eyebrow[data-v-qs0] { color: #16A69B; font-size: calc(21 * var(--rpx)); font-weight: 650; letter-spacing: calc(1.8 * var(--rpx));
}.login-title[data-v-qs0] { margin-top: calc(18 * var(--rpx)); color: #20252B; font-size: calc(48 * var(--rpx)); line-height: 1.25; font-weight: 720; letter-spacing: calc(-.8 * var(--rpx));
}.login-subtitle[data-v-qs0] { margin-top: calc(22 * var(--rpx)); color: #858B93; font-size: calc(24 * var(--rpx)); line-height: 1.7;
}
.profile-card[data-v-qs0],.form-card[data-v-qs0] { margin-top: calc(42 * var(--rpx)); padding: calc(30 * var(--rpx)); border: calc(1 * var(--rpx)) solid rgba(30,38,45,.04); border-radius: calc(30 * var(--rpx)); background: #fff; box-shadow: 0 calc(18 * var(--rpx)) calc(44 * var(--rpx)) rgba(30,38,45,.045);
}.avatar-row[data-v-qs0] { display: flex; align-items: center;
}.avatar-button[data-v-qs0] { position: relative; width: calc(116 * var(--rpx)); height: calc(116 * var(--rpx)); flex: none; padding: 0; overflow: visible; border: 0; border-radius: 50%; background: transparent; line-height: 0;
}.avatar-button[data-v-qs0]::after { border: 0;
}.avatar-image[data-v-qs0] { width: calc(116 * var(--rpx)); height: calc(116 * var(--rpx)); border-radius: 50%; background: #EFF4F3;
}.avatar-edit[data-v-qs0] { position: absolute; right: calc(-3 * var(--rpx)); bottom: calc(-3 * var(--rpx)); width: calc(38 * var(--rpx)); height: calc(38 * var(--rpx)); display: flex; align-items: center; justify-content: center; border: calc(4 * var(--rpx)) solid #fff; border-radius: 50%; color: #fff; background: #1FA99F; font-size: calc(17 * var(--rpx)); font-weight: 700; line-height: 1;
}.avatar-copy[data-v-qs0] { min-width: 0; flex: 1; margin-left: calc(24 * var(--rpx));
}.field-title[data-v-qs0],.form-label[data-v-qs0] { color: #2A2F35; font-size: calc(25 * var(--rpx)); font-weight: 650;
}.optional[data-v-qs0] { margin-left: calc(7 * var(--rpx)); color: #A0A6AC; font-size: calc(19 * var(--rpx)); font-weight: 400;
}.field-note[data-v-qs0] { margin-top: calc(8 * var(--rpx)); color: #969CA4; font-size: calc(20 * var(--rpx)); line-height: 1.4;
}.avatar-options[data-v-qs0] { display: flex; margin-top: calc(16 * var(--rpx));
}.avatar-option[data-v-qs0] { width: calc(42 * var(--rpx)); height: calc(42 * var(--rpx)); margin-right: calc(10 * var(--rpx)); padding: calc(3 * var(--rpx)); border: calc(2 * var(--rpx)) solid transparent; border-radius: 50%;
}.avatar-option-active[data-v-qs0] { border-color: #19A79C;
}.avatar-option img[data-v-qs0] { display: block; width: calc(36 * var(--rpx)); height: calc(36 * var(--rpx)); border-radius: 50%;
}
.wechat-profile-note[data-v-qs0] { margin-top: calc(25 * var(--rpx)); padding: calc(18 * var(--rpx)) calc(20 * var(--rpx)); border-radius: calc(18 * var(--rpx)); color: #5D8E89; background: #F1FAF8; font-size: calc(20 * var(--rpx)); line-height: 1.55;
}.phone-button[data-v-qs0]::after,.submit-button[data-v-qs0]::after { border: 0;
}.form-card[data-v-qs0] { margin-top: calc(22 * var(--rpx)); padding-bottom: calc(26 * var(--rpx));
}.required[data-v-qs0] { color: #EA635B;
}.name-input[data-v-qs0] { width: 100%; height: calc(74 * var(--rpx)); margin-top: calc(13 * var(--rpx)); color: #24292F; font-size: calc(29 * var(--rpx));
}.form-divider[data-v-qs0] { height: calc(1 * var(--rpx)); margin: calc(7 * var(--rpx)) 0 calc(26 * var(--rpx)); background: #EEF0F1;
}.phone-label[data-v-qs0] { margin-bottom: calc(12 * var(--rpx));
}.phone-row[data-v-qs0] { display: flex; align-items: center; gap: calc(16 * var(--rpx));
}.phone-input[data-v-qs0] { min-width: 0; height: calc(68 * var(--rpx)); flex: 1; box-sizing: border-box; padding: 0 calc(20 * var(--rpx)); border: calc(1 * var(--rpx)) solid #E3E8E8; border-radius: calc(18 * var(--rpx)); color: #272C32; background: #FAFCFC; font-size: calc(27 * var(--rpx));
}.phone-button[data-v-qs0] { width: calc(142 * var(--rpx)); height: calc(68 * var(--rpx)); flex: none; margin: 0; padding: 0 calc(14 * var(--rpx)); border: 0; border-radius: calc(18 * var(--rpx)); color: #148E85; background: #EAF8F5; font-size: calc(21 * var(--rpx)); font-weight: 650; line-height: calc(68 * var(--rpx));
}.phone-button-authorized[data-v-qs0] { color: #5D7774; background: #F0F7F6;
}.phone-helper[data-v-qs0] { margin-top: calc(12 * var(--rpx)); color: #A0A6AC; font-size: calc(19 * var(--rpx)); line-height: 1.5;
}.agreement-row[data-v-qs0] { display: flex; align-items: flex-start; margin: calc(28 * var(--rpx)) calc(8 * var(--rpx)) 0;
}.agreement-box[data-v-qs0] { width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx)); flex: none; display: flex; align-items: center; justify-content: center; margin: calc(5 * var(--rpx)) calc(13 * var(--rpx)) 0 0; border: calc(2 * var(--rpx)) solid #C9CED3; border-radius: calc(9 * var(--rpx)); color: #fff; font-size: calc(19 * var(--rpx)); font-weight: 700; line-height: 1;
}.agreement-box-checked[data-v-qs0] { border-color: #18A69B; background: #18A69B;
}.agreement-copy[data-v-qs0] { color: #8D949B; font-size: calc(20 * var(--rpx)); line-height: 1.65;
}.agreement-link[data-v-qs0] { color: #168F86;
}.submit-button[data-v-qs0] { width: 100%; height: calc(94 * var(--rpx)); margin-top: calc(28 * var(--rpx)); border: 0; border-radius: calc(26 * var(--rpx)); color: #fff; background: #18A69B; box-shadow: 0 calc(16 * var(--rpx)) calc(28 * var(--rpx)) rgba(24,166,155,.19); font-size: calc(29 * var(--rpx)); font-weight: 700; line-height: calc(94 * var(--rpx));
}.button-press[data-v-qs0] { opacity: .72;
}.submit-press[data-v-qs0] { transform: scale(.985); opacity: .88;
}.privacy-note[data-v-qs0] { margin: calc(24 * var(--rpx)) calc(10 * var(--rpx)) 0; color: #A1A6AD; font-size: calc(19 * var(--rpx)); line-height: 1.65; text-align: center;
}

/* pages/legal/legal */
.legal-screen[data-v-qs1] { height: 100vh; box-sizing: border-box; padding-left: calc(calc(40 * var(--rpx)) + var(--safe-left, 0px)); padding-right: calc(calc(40 * var(--rpx)) + var(--safe-right, 0px)); background: #F8F9FA;
}.page-nav[data-v-qs1] { height: calc(90 * var(--rpx)); display: flex; align-items: center; justify-content: space-between;
}.nav-back[data-v-qs1],.nav-placeholder[data-v-qs1] { width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx)); display: flex; align-items: center; justify-content: center;
}.nav-back img[data-v-qs1] { width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx));
}.page-title[data-v-qs1] { color: var(--qs-color-text, #20272B); font-size: calc(30 * var(--rpx)); font-weight: 650;
}.legal-head[data-v-qs1] { margin-top: calc(42 * var(--rpx));
}.legal-title[data-v-qs1] { color: #20252B; font-size: calc(40 * var(--rpx)); font-weight: 720; line-height: 1.3;
}.legal-version[data-v-qs1] { margin-top: calc(14 * var(--rpx)); color: #9AA0A7; font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}.legal-intro[data-v-qs1] { margin-top: calc(28 * var(--rpx)); padding: var(--qs-card-padding, calc(28 * var(--rpx))); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); color: #4E5A5D; background: var(--qs-color-brand-soft, #EAF7F5); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.72;
}.legal-section[data-v-qs1] { margin-top: var(--qs-section-gap, calc(40 * var(--rpx)));
}.section-title[data-v-qs1] { color: #282E34; font-size: var(--qs-font-title, calc(32 * var(--rpx))); font-weight: 650;
}.section-body[data-v-qs1] { margin-top: calc(14 * var(--rpx)); color: #626970; font-size: var(--qs-font-body, calc(28 * var(--rpx))); line-height: 1.78; white-space: pre-wrap;
}.legal-footer[data-v-qs1] { margin: calc(46 * var(--rpx)) 0 calc(34 * var(--rpx)); padding: calc(24 * var(--rpx)); border-radius: calc(22 * var(--rpx)); color: #8B6A4B; background: #FFF4E7; font-size: var(--qs-font-meta, calc(22 * var(--rpx))); line-height: 1.65;
}

/* pages/discover/discover */
.discover-page[data-v-qs2] { height: 100vh; padding-left: 0; padding-right: 0; overflow: hidden; background: #FFFFFF;
}
.discover-scroll[data-v-qs2] { width: 100%;
}
.discover-content[data-v-qs2] { padding: 0 calc(var(--qs-page-gutter, calc(40 * var(--rpx))) + var(--safe-right, 0px)) 0 calc(var(--qs-page-gutter, calc(40 * var(--rpx))) + var(--safe-left, 0px));
}
.hero-panel[data-v-qs2] { margin-top: calc(24 * var(--rpx)); padding: var(--qs-card-padding, calc(28 * var(--rpx))); border: calc(1 * var(--rpx)) solid var(--qs-color-line, #E5EAE8); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: linear-gradient(135deg,#EFF9F6,#FFFFFF 85%);
}
.hero-kicker[data-v-qs2] { color: var(--qs-color-brand-strong, #087F77); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); font-weight: 600; letter-spacing: calc(1 * var(--rpx));
}
.hero-title[data-v-qs2] { margin-top: calc(8 * var(--rpx)); color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-display, calc(40 * var(--rpx))); line-height: 1.3; font-weight: 700;
}
.hero-note[data-v-qs2] { margin-top: calc(12 * var(--rpx)); color: var(--qs-color-muted, #717780); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.5;
}
.search-box[data-v-qs2] { height: calc(80 * var(--rpx)); display: flex; align-items: center; gap: calc(12 * var(--rpx)); margin-top: calc(24 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--qs-color-line, #E5EAE8); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: var(--qs-color-surface, #FFFFFF);
}
.search-icon[data-v-qs2] { width: calc(31 * var(--rpx)); height: calc(31 * var(--rpx)); flex: none;
}
.search-input[data-v-qs2] { flex: 1; min-width: 0; height: calc(64 * var(--rpx)); color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-caption, calc(24 * var(--rpx)));
}
.search-placeholder[data-v-qs2] { color: #A1A6AC;
}
.section-head[data-v-qs2] { display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); margin-top: var(--qs-section-gap, calc(40 * var(--rpx))); padding: 0;
}
.section-head > div[data-v-qs2] { flex: 1; min-width: 0;
}
.section-head .caption[data-v-qs2] { margin-top: calc(4 * var(--rpx));
}
.quick-grid[data-v-qs2] { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: calc(24 * var(--rpx)) calc(8 * var(--rpx)); margin-top: calc(24 * var(--rpx)); align-items: start;
}
.quick-grid .quick-entry[data-v-qs2] { display: block; width: 100%; min-width: 0; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; line-height: normal; text-align: center; transition: opacity 120ms ease;
}
.quick-entry[data-v-qs2]::after { border: none;
}
.quick-entry-pressed[data-v-qs2] { opacity: .7;
}
.quick-icon[data-v-qs2] { width: calc(76 * var(--rpx)); height: calc(76 * var(--rpx)); display: flex; align-items: center; justify-content: center; margin: 0 auto; border: calc(1 * var(--rpx)) solid #D6EFEB; border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: var(--qs-color-brand-soft, #E6F7F4);
}
.quick-icon-image[data-v-qs2] { width: calc(38 * var(--rpx)); height: calc(38 * var(--rpx));
}
.quick-label[data-v-qs2] { height: calc(30 * var(--rpx)); min-height: calc(30 * var(--rpx)); margin-top: calc(12 * var(--rpx)); overflow: hidden; color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); font-weight: 600; line-height: calc(30 * var(--rpx)); white-space: nowrap; text-overflow: ellipsis;
}
.creation-more.is-expanded img[data-v-qs2] { transform: rotate(90deg);
}
.more-creations[data-v-qs2] { margin-top: calc(24 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--qs-color-line, #E5EAE8); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: var(--qs-color-surface, #FFFFFF);
}
.more-creations .more-creation-entry[data-v-qs2] { display: flex; align-items: center; gap: calc(20 * var(--rpx)); width: 100%; min-width: 0; margin: 0; padding: calc(24 * var(--rpx)) 0; background: transparent; line-height: 1.5; text-align: left;
}
.more-creation-entry[data-v-qs2]::after { border: none;
}
.more-creation-entry .quick-icon[data-v-qs2] { flex: none; margin: 0;
}
.more-creation-copy[data-v-qs2] { flex: 1; min-width: 0;
}
.more-creation-label[data-v-qs2] { color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 600; overflow-wrap: break-word;
}
.more-creation-arrow[data-v-qs2] { flex: none; width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx)); opacity: .65;
}
.featured-scroll[data-v-qs2] { width: calc(100% + calc(30 * var(--rpx))); margin-top: calc(20 * var(--rpx)); white-space: nowrap;
}
.featured-row[data-v-qs2] { display: inline-flex; gap: calc(14 * var(--rpx)); padding-right: calc(30 * var(--rpx));
}
.topic-head[data-v-qs2] { align-items: center;
}
.section-head .section-more[data-v-qs2] { flex: none; display: flex; align-items: center; justify-content: center; width: calc(72 * var(--rpx)); min-width: calc(72 * var(--rpx)); height: calc(72 * var(--rpx)); min-height: calc(72 * var(--rpx)); margin: 0 calc(-16 * var(--rpx)) 0 0; padding: 0; border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: transparent; line-height: 1;
}
.section-more img[data-v-qs2] { display: block; width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx)); opacity: .65;
}
.section-more[data-v-qs2]::after,.hot-news-arrow[data-v-qs2]::after,.hot-news-dot-button[data-v-qs2]::after { border: none;
}
.hot-news-window[data-v-qs2] { position: relative; margin-top: calc(24 * var(--rpx)); padding: calc(18 * var(--rpx)) calc(52 * var(--rpx)) calc(18 * var(--rpx)) calc(26 * var(--rpx)); overflow: hidden; border: calc(1 * var(--rpx)) solid var(--qs-color-line, #E5EAE8); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: var(--qs-color-surface, #FFFFFF);
}
.hot-news-swiper[data-v-qs2] { height: calc(336 * var(--rpx));
}
.hot-news-row[data-v-qs2] { position: relative; display: flex; align-items: center; height: 100%; padding-right: calc(56 * var(--rpx)); opacity: .34; transform: scale(.985); transform-origin: left center; transition: opacity 280ms ease,transform 280ms ease;
}
.hot-news-row.is-current[data-v-qs2] { opacity: 1; transform: scale(1);
}
.hot-news-short-list .hot-news-row[data-v-qs2] { height: calc(112 * var(--rpx));
}
.hot-news-copy[data-v-qs2] { flex: 1; min-width: 0;
}
.hot-news-title-line[data-v-qs2] { display: flex; align-items: baseline; gap: calc(12 * var(--rpx)); min-width: 0;
}
.hot-news-title[data-v-qs2] { flex: 0 1 auto; min-width: 0; overflow: hidden; color: #20272B; font-size: calc(30 * var(--rpx)); line-height: 1.4; font-weight: 650; white-space: nowrap; text-overflow: ellipsis;
}
.hot-news-scope[data-v-qs2] { flex: none; color: #0A9B91; font-size: calc(22 * var(--rpx)); line-height: 1.4;
}
.hot-news-status[data-v-qs2] { flex: none; color: #9B815B; font-size: calc(18 * var(--rpx)); line-height: 1.4;
}
.hot-news-summary[data-v-qs2] { overflow: hidden; margin-top: calc(8 * var(--rpx)); color: #525D62; font-size: calc(23 * var(--rpx)); line-height: 1.4; white-space: nowrap; text-overflow: ellipsis;
}
.hot-news-row .hot-news-arrow[data-v-qs2] { position: absolute; right: 0; top: calc(18 * var(--rpx)); display: flex; align-items: center; justify-content: center; width: calc(50 * var(--rpx)); min-width: calc(50 * var(--rpx)); height: calc(76 * var(--rpx)); margin: 0; padding: 0; background: transparent;
}
.hot-news-arrow img[data-v-qs2] { width: calc(26 * var(--rpx)); height: calc(26 * var(--rpx)); opacity: .7;
}
.hot-news-arrow.is-disabled[data-v-qs2] { opacity: .4;
}
.hot-news-dots[data-v-qs2] { position: absolute; right: calc(6 * var(--rpx)); top: calc(18 * var(--rpx)); bottom: calc(18 * var(--rpx)); display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.hot-news-dot-button[data-v-qs2] { display: flex; align-items: center; justify-content: center; width: calc(40 * var(--rpx)); min-width: calc(40 * var(--rpx)); height: calc(32 * var(--rpx)); min-height: calc(32 * var(--rpx)); margin: 0; padding: 0; background: transparent; line-height: 1;
}
.hot-news-dot[data-v-qs2] { width: calc(7 * var(--rpx)); height: calc(7 * var(--rpx)); border-radius: 50%; background: #D9DEDC; transition: background-color 240ms ease,transform 240ms ease;
}
.hot-news-dot.is-current[data-v-qs2] { background: #0BA298; transform: scale(1.35);
}
.hot-news-loading[data-v-qs2] { margin-top: calc(20 * var(--rpx)); padding: calc(48 * var(--rpx)) calc(26 * var(--rpx)); border-radius: calc(24 * var(--rpx)); background: #F6F9F7; color: #7D8983; font-size: calc(24 * var(--rpx));
}
.catalog-status[data-v-qs2] { min-height: calc(220 * var(--rpx)); display: flex; align-items: center; justify-content: center; gap: calc(14 * var(--rpx)); color: #7A8792; font-size: calc(22 * var(--rpx));
}
.loading-dot[data-v-qs2] { width: calc(20 * var(--rpx)); height: calc(20 * var(--rpx)); border: calc(4 * var(--rpx)) solid #CCEAE6; border-top-color: #10A398; border-radius: 50%; animation: spin-qs2 .8s linear infinite;
}
@keyframes spin-qs2 {
to { transform: rotate(360deg);
}
}
.cache-note[data-v-qs2] { margin-top: calc(28 * var(--rpx)); padding: calc(17 * var(--rpx)) calc(21 * var(--rpx)); border-radius: calc(18 * var(--rpx)); background: #FFF7E9; color: #816A3E; font-size: calc(19 * var(--rpx));
}
.featured-section[data-v-qs2] { margin-top: var(--qs-section-gap, calc(40 * var(--rpx)));
}
.featured-section .section-head[data-v-qs2] { margin-top: 0;
}
.featured-tab[data-v-qs2]::after,.featured-empty-action[data-v-qs2]::after { border: none;
}
.featured-tabs[data-v-qs2] { display: flex; gap: calc(8 * var(--rpx)); margin-top: calc(20 * var(--rpx)); padding: calc(6 * var(--rpx)); border-radius: calc(22 * var(--rpx)); background: #F1F5F4;
}
.featured-tabs .featured-tab[data-v-qs2] { flex: 1; min-width: 0; min-height: calc(76 * var(--rpx)); margin: 0; padding: 0 calc(16 * var(--rpx)); display: flex; align-items: center; justify-content: center; border-radius: calc(18 * var(--rpx)); background: transparent; color: #7B858B; font-size: calc(24 * var(--rpx)); line-height: 1.4; transition: color 120ms ease,background-color 120ms ease;
}
.featured-tab.is-active[data-v-qs2] { background: #E0F3EF; color: #087F77; font-weight: 650;
}
.featured-empty[data-v-qs2] { margin-top: calc(20 * var(--rpx)); padding: calc(32 * var(--rpx)) calc(28 * var(--rpx)); border-radius: calc(24 * var(--rpx)); background: #F7F9F8;
}
.featured-empty .body[data-v-qs2] { color: #43504F; font-size: calc(25 * var(--rpx)); font-weight: 600;
}
.featured-empty .caption[data-v-qs2] { margin-top: calc(12 * var(--rpx)); white-space: normal;
}
.featured-empty .featured-empty-action[data-v-qs2] { width: fit-content; min-height: calc(72 * var(--rpx)); display: flex; align-items: center; margin: calc(14 * var(--rpx)) 0 0; padding: 0 calc(12 * var(--rpx)); background: transparent; color: #0B9288; font-size: calc(23 * var(--rpx)); line-height: 1.4;
}
.copy-grid[data-v-qs2] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: calc(16 * var(--rpx)); margin-top: calc(20 * var(--rpx));
}
.copy-grid .copy-card[data-v-qs2] { box-sizing: border-box; min-width: 0; width: 100%; margin: 0; padding: calc(24 * var(--rpx)) calc(20 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--qs-color-line, #E5EAE8); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: var(--qs-color-surface, #FFFFFF); color: var(--qs-color-text, #171A1F); line-height: 1.5; text-align: left;
}
.copy-card[data-v-qs2]::after { border: none;
}
.copy-meta[data-v-qs2] { font-size: var(--qs-font-meta, calc(22 * var(--rpx))); color: var(--qs-color-brand-strong, #087F77); overflow-wrap: break-word;
}
.copy-title[data-v-qs2] { margin-top: calc(12 * var(--rpx)); font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 650; overflow-wrap: break-word;
}
.copy-excerpt[data-v-qs2] { display: -webkit-box; margin-top: calc(12 * var(--rpx)); overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.6; color: var(--qs-color-muted, #717780); white-space: normal; overflow-wrap: break-word;
}
.copy-scene[data-v-qs2] { margin-top: calc(16 * var(--rpx)); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); color: var(--qs-color-subtle, #92979E); overflow-wrap: break-word;
}
.featured-card[data-v-qs2] { width: calc(214 * var(--rpx)); flex: none;
}
.featured-cover[data-v-qs2] { width: calc(214 * var(--rpx)); height: calc(284 * var(--rpx)); overflow: hidden; border-radius: calc(22 * var(--rpx)); background: #EEF1F2; box-shadow: 0 calc(8 * var(--rpx)) calc(24 * var(--rpx)) rgba(20,32,38,.08);
}
.featured-image[data-v-qs2] { width: 100%; height: 100%;
}
.featured-placeholder[data-v-qs2] { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: calc(20 * var(--rpx)); color: #879097; font-size: calc(22 * var(--rpx)); white-space: normal; text-align: center;
}
.featured-title[data-v-qs2] { margin-top: calc(12 * var(--rpx)); overflow: hidden; color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); white-space: nowrap; text-overflow: ellipsis;
}
.discover-tail[data-v-qs2] { height: calc(48 * var(--rpx));
}

/* pages/news/news */
.news-heading[data-v-qs3] { margin: calc(28 * var(--rpx)) 0 calc(22 * var(--rpx));
}
.news-heading-title[data-v-qs3] { color: var(--qs-color-text, #20272B); font-size: var(--qs-font-title, calc(32 * var(--rpx))); line-height: 1.35; font-weight: 650;
}
.news-heading-note[data-v-qs3] { margin-top: calc(14 * var(--rpx)); color: #7C868A; font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.6;
}
.news-location[data-v-qs3] { display: flex; align-items: center; justify-content: space-between; gap: calc(12 * var(--rpx)); color: var(--qs-color-muted, #6F7A80); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.5;
}
.news-location-action[data-v-qs3] { flex-shrink: 0; width: auto !important; margin: 0; padding: calc(12 * var(--rpx)) 0 calc(12 * var(--rpx)) calc(16 * var(--rpx)); color: var(--qs-color-brand-strong, #087F77); background: transparent; font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.5;
}
.news-controls[data-v-qs3] { display: flex; align-items: center; justify-content: space-between; gap: calc(18 * var(--rpx)); margin: calc(28 * var(--rpx)) 0 calc(24 * var(--rpx));
}
.news-filters[data-v-qs3] { min-width: 0; display: flex; gap: calc(12 * var(--rpx));
}
.news-filter[data-v-qs3] { width: auto !important; margin: 0; padding: calc(14 * var(--rpx)) calc(24 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--qs-color-line, #E4EBE8); border-radius: calc(999 * var(--rpx)); background: #FFF; color: var(--qs-color-muted, #6F7A80); font-size: var(--qs-font-body, calc(28 * var(--rpx))); line-height: 1.4;
}
.news-filter.selected[data-v-qs3] { color: #087D73; background: var(--qs-color-brand-soft, #EAF7F5); border-color: #B5DFD7; font-weight: 600;
}
.news-refresh[data-v-qs3] { flex-shrink: 0; width: auto !important; margin: 0; padding: calc(14 * var(--rpx)) 0 calc(14 * var(--rpx)) calc(12 * var(--rpx)); color: var(--qs-color-brand-strong, #087F77); background: transparent; font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.4;
}
.news-card[data-v-qs3] { display: flex; align-items: center; gap: calc(18 * var(--rpx)); margin-bottom: calc(18 * var(--rpx)); padding: var(--qs-card-padding, calc(28 * var(--rpx))); border: calc(1 * var(--rpx)) solid var(--qs-color-line, #E4EBE8); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); box-shadow: 0 calc(6 * var(--rpx)) calc(22 * var(--rpx)) rgba(30, 66, 61, .025);
}
.news-card-copy[data-v-qs3] { min-width: 0; flex: 1;
}
.news-card-heading[data-v-qs3] { display: flex; align-items: flex-start; gap: calc(12 * var(--rpx));
}
.news-scope-mark[data-v-qs3] { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; min-width: calc(34 * var(--rpx)); height: calc(34 * var(--rpx)); margin-top: calc(5 * var(--rpx)); border-radius: calc(8 * var(--rpx)); color: var(--qs-color-brand-strong, #087F77); background: #EDF6F2; font-size: var(--qs-font-meta, calc(22 * var(--rpx))); line-height: 1;
}
.news-card-title[data-v-qs3] { flex: 1; min-width: 0; color: var(--qs-color-text, #20272B); font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 650; line-height: 1.55; word-break: break-all;
}
.news-card-summary[data-v-qs3] { margin-top: calc(14 * var(--rpx)); color: var(--qs-color-muted, #6F7A80); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.65; word-break: break-all;
}
.news-card-summary.unavailable[data-v-qs3] { color: var(--qs-color-subtle, #8B959A);
}
.news-card-meta[data-v-qs3] { display: flex; flex-wrap: wrap; gap: calc(8 * var(--rpx)) calc(16 * var(--rpx)); margin-top: calc(18 * var(--rpx)); color: var(--qs-color-subtle, #8B959A); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); line-height: 1.5;
}
.news-card-status[data-v-qs3] { color: #9B7963;
}
.news-use[data-v-qs3] { flex-shrink: 0; width: calc(72 * var(--rpx)) !important; height: calc(88 * var(--rpx)); margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: #F0F8F6;
}
.news-use[disabled][data-v-qs3] { background: #F5F6F6; opacity: .38;
}
.news-use-icon[data-v-qs3] { width: calc(30 * var(--rpx)); height: calc(30 * var(--rpx));
}
.news-empty[data-v-qs3] { padding: calc(48 * var(--rpx)) calc(30 * var(--rpx)); color: var(--qs-color-subtle, #8B959A); font-size: var(--qs-font-body, calc(28 * var(--rpx))); line-height: 1.75; text-align: center;
}
.news-error[data-v-qs3] { color: #AB6555;
}
.news-footnote[data-v-qs3] { margin: calc(26 * var(--rpx)) calc(4 * var(--rpx)) 0; color: var(--qs-color-subtle, #8B959A); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); line-height: 1.7;
}

/* pages/home/home */
.home[data-v-qs4] { height: 100vh; padding-left: 0; padding-right: 0; padding-bottom: 0; overflow: hidden; background: #FFFFFF;
}
.conversation[data-v-qs4] { width: 100%; box-sizing: border-box; padding: 0 calc(var(--qs-page-gutter, calc(40 * var(--rpx))) + var(--safe-right, 0px)) 0 calc(var(--qs-page-gutter, calc(40 * var(--rpx))) + var(--safe-left, 0px));
}
.welcome[data-v-qs4] { padding-top: calc(46 * var(--rpx));
}
.welcome-title[data-v-qs4] { color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-display, calc(40 * var(--rpx))); font-weight: 700; line-height: 1.3;
}
.welcome-custom[data-v-qs4] { min-height: calc(88 * var(--rpx)); margin-top: calc(24 * var(--rpx)); padding: calc(18 * var(--rpx)) calc(18 * var(--rpx)) calc(18 * var(--rpx)) calc(22 * var(--rpx)); display: flex; align-items: center; gap: calc(18 * var(--rpx)); border: calc(2 * var(--rpx)) solid #E7EBEC; border-radius: calc(24 * var(--rpx)); background: #FBFCFC;
}
.welcome-custom-copy[data-v-qs4] { min-width: 0; flex: 1;
}
.welcome-custom-title[data-v-qs4] { color: #258F87; font-size: calc(24 * var(--rpx)); font-weight: 650;
}
.welcome-custom-note[data-v-qs4] { margin-top: calc(4 * var(--rpx)); color: var(--qs-color-muted, #717780); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); line-height: 1.5;
}
.welcome-custom-action[data-v-qs4] { min-width: calc(116 * var(--rpx)); min-height: calc(60 * var(--rpx)); padding: 0 calc(18 * var(--rpx)); display: flex; align-items: center; justify-content: center; border-radius: calc(18 * var(--rpx)); background: #0B9389; color: #FFFFFF; font-size: calc(23 * var(--rpx)); font-weight: 650;
}
.welcome-list[data-v-qs4] { margin-top: calc(24 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--qs-color-line, #E5EAE8); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: var(--qs-color-surface, #FFFFFF);
}
.welcome-item[data-v-qs4] { min-height: calc(126 * var(--rpx)); display: grid; grid-template-columns: calc(86 * var(--rpx)) 1fr calc(30 * var(--rpx)); align-items: center; gap: calc(18 * var(--rpx)); border-bottom: calc(2 * var(--rpx)) solid #EFF1F2;
}
.welcome-item[data-v-qs4]:last-child { border-bottom: 0;
}
.welcome-thumb[data-v-qs4] { width: calc(76 * var(--rpx)); height: calc(76 * var(--rpx)); display: flex; align-items: center; justify-content: center; border-radius: calc(20 * var(--rpx)); color: #FFFFFF; font-size: calc(30 * var(--rpx)); font-weight: 760;
}
.welcome-thumb-mint[data-v-qs4] { background: linear-gradient(145deg,#16B6A8,#087F77);
}
.welcome-thumb-blue[data-v-qs4] { background: linear-gradient(145deg,#5BA6FF,#3775D8);
}
.welcome-thumb-orange[data-v-qs4] { background: linear-gradient(145deg,#FFB561,#F08045);
}
.welcome-thumb-violet[data-v-qs4] { background: linear-gradient(145deg,#9B7AF2,#7056C9);
}
.welcome-thumb-green[data-v-qs4] { background: linear-gradient(145deg,#65C889,#2D9B63);
}
.welcome-thumb-coral[data-v-qs4] { background: linear-gradient(145deg,#FF8A79,#DE5F52);
}
.welcome-item-main[data-v-qs4] { min-width: 0;
}
.welcome-item-title[data-v-qs4] { overflow: hidden; color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 650; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap;
}
.welcome-tags[data-v-qs4] { margin-top: calc(10 * var(--rpx)); display: flex; gap: calc(8 * var(--rpx)); overflow: hidden; white-space: nowrap;
}
.welcome-tags span[data-v-qs4] { padding: calc(6 * var(--rpx)) calc(10 * var(--rpx)); border-radius: calc(8 * var(--rpx)); background: #F2F4F5; color: var(--qs-color-muted, #717780); font-size: calc(20 * var(--rpx)); line-height: 1.2;
}
.welcome-arrow[data-v-qs4] { color: #A4AAAF; font-size: calc(42 * var(--rpx)); font-weight: 300;
}
.welcome-refresh[data-v-qs4] { min-height: calc(64 * var(--rpx)); display: flex; align-items: center; justify-content: flex-end; gap: calc(8 * var(--rpx)); color: #7E858B; font-size: calc(21 * var(--rpx));
}
.welcome-refresh-icon[data-v-qs4] { color: #0B9288; font-size: calc(30 * var(--rpx));
}
.message[data-v-qs4] { display: flex; margin-top: calc(28 * var(--rpx));
}
.message-user[data-v-qs4] { justify-content: flex-end;
}
.message-ai[data-v-qs4] { justify-content: flex-start; align-items: flex-start;
}
.message-bubble[data-v-qs4] { min-width: 0; max-width: 86%; box-sizing: border-box; padding: calc(24 * var(--rpx)); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); color: var(--qs-color-text, #171A1F); font-size: calc(30 * var(--rpx)); line-height: 1.62; white-space: pre-wrap; overflow-wrap: break-word; word-break: break-word;
}
.message-user .message-bubble[data-v-qs4] { max-width: 82%; background: #10A398; color: #fff; border-bottom-right-radius: calc(10 * var(--rpx));
}
.message-ai .message-bubble[data-v-qs4] { max-width: 94%; border: 0; background: #F4F5F6; border-top-left-radius: calc(10 * var(--rpx));
}
.news-entry-guide .message-bubble[data-v-qs4] { width: 94%;
}
.news-entry-kicker[data-v-qs4] { margin-bottom: calc(10 * var(--rpx)); color: #62807C; font-size: calc(21 * var(--rpx)); font-weight: 600;
}
.news-entry-actions[data-v-qs4] { display: flex; gap: calc(16 * var(--rpx)); margin-top: calc(22 * var(--rpx)); white-space: normal;
}
.news-entry-mode[data-v-qs4] { flex: 1; min-width: 0; margin: 0; padding: calc(14 * var(--rpx)) calc(24 * var(--rpx)); border: calc(2 * var(--rpx)) solid #D9E5E3; border-radius: calc(18 * var(--rpx)); background: #FFFFFF; color: #35756F; font-size: calc(27 * var(--rpx)); font-weight: 600; line-height: 1.5;
}
.news-entry-mode[data-v-qs4]::after { border: 0;
}
.news-entry-mode-selected[data-v-qs4] { border-color: #0B9389; background: #E6F6F3; color: #087F77;
}
.news-entry-mode[disabled][data-v-qs4] { opacity: .5;
}
.message-references[data-v-qs4] { display: flex; flex-wrap: wrap; gap: calc(12 * var(--rpx)); margin-top: calc(16 * var(--rpx)); white-space: normal;
}
.message-reference[data-v-qs4] { width: calc(108 * var(--rpx)); height: calc(108 * var(--rpx)); flex: none; overflow: hidden; border: calc(2 * var(--rpx)) solid rgba(255,255,255,.45); border-radius: calc(16 * var(--rpx)); background: rgba(255,255,255,.2);
}
.message-reference-image[data-v-qs4] { display: block; width: 100%; height: 100%;
}
.streaming-reply-bubble[data-v-qs4] { min-height: calc(44 * var(--rpx)); word-break: break-word;
}
.streaming-cursor[data-v-qs4] { display: inline-block; width: calc(4 * var(--rpx)); height: calc(27 * var(--rpx)); margin: 0 0 0 calc(5 * var(--rpx)); border-radius: calc(999 * var(--rpx)); background: #0B9288; animation: streaming-cursor-blink-qs4 .72s steps(1,end) infinite;
}
@keyframes streaming-cursor-blink-qs4 {
0%,48% { opacity: 1;
}
49%,100% { opacity: .12;
}
}
.progress-message[data-v-qs4] { margin-top: calc(28 * var(--rpx));
}
.progress-bubble[data-v-qs4] { box-sizing: border-box;
}
.generation-progress-bubble[data-v-qs4] { width: 80%; max-width: calc(560 * var(--rpx)); padding: calc(14 * var(--rpx)); overflow: hidden; border: calc(2 * var(--rpx)) solid rgba(11,146,136,.10); border-radius: calc(10 * var(--rpx)) calc(30 * var(--rpx)) calc(30 * var(--rpx)) calc(30 * var(--rpx)); background: linear-gradient(145deg,#F8FAFA,#EEF4F3); box-shadow: 0 calc(18 * var(--rpx)) calc(48 * var(--rpx)) rgba(18,45,54,.10); animation: generation-bubble-breathe-qs4 2.4s ease-in-out infinite;
}
.generation-progress-bubble.generation-shape-tall[data-v-qs4] { width: 68%; max-width: calc(470 * var(--rpx));
}
.generation-progress-bubble.generation-shape-square[data-v-qs4] { width: 88%; max-width: calc(620 * var(--rpx));
}
.generation-progress-bubble.generation-shape-landscape[data-v-qs4] { width: 94%; max-width: calc(680 * var(--rpx));
}
@keyframes generation-bubble-breathe-qs4 {
0%,100% { border-color: rgba(11,146,136,.08); box-shadow: 0 calc(14 * var(--rpx)) calc(36 * var(--rpx)) rgba(18,45,54,.08);
}
50% { border-color: rgba(11,146,136,.20); box-shadow: 0 calc(22 * var(--rpx)) calc(58 * var(--rpx)) rgba(11,146,136,.16);
}
}
.generation-visual[data-v-qs4] { position: relative; width: 100%; min-height: calc(210 * var(--rpx)); overflow: hidden; border-radius: calc(22 * var(--rpx)); background: linear-gradient(145deg,#E9EFEE 0%,#DCE7E5 46%,#EDF2F1 100%);
}
.generation-visual-mask[data-v-qs4] { position: absolute; inset: 0; overflow: hidden; border-radius: inherit;
}
.generation-visual-glow[data-v-qs4] { position: absolute; border-radius: 50%; filter: blur(calc(8 * var(--rpx))); opacity: .66; animation: generation-glow-drift-qs4 3.2s ease-in-out infinite alternate;
}
.generation-visual-glow-one[data-v-qs4] { top: 8%; left: -16%; width: 74%; aspect-ratio: 1; background: radial-gradient(circle,rgba(91,213,202,.62),rgba(91,213,202,0) 68%);
}
.generation-visual-glow-two[data-v-qs4] { right: -22%; bottom: 0; width: 86%; aspect-ratio: 1; background: radial-gradient(circle,rgba(156,175,255,.48),rgba(156,175,255,0) 70%); animation-delay: -.9s;
}
.generation-visual-sweep[data-v-qs4] { position: absolute; top: 0; bottom: 0; left: -72%; width: 72%; background: linear-gradient(105deg,transparent 18%,rgba(255,255,255,.76) 50%,transparent 82%); transform: translate3d(0,0,0); animation: generation-sweep-qs4 2.3s ease-in-out infinite;
}
.generation-visual-percent[data-v-qs4] { position: absolute; z-index: 2; inset: 0; display: flex; align-items: center; justify-content: center; color: #176F69; font-size: calc(48 * var(--rpx)); font-weight: 760; letter-spacing: -.02em; text-shadow: 0 calc(2 * var(--rpx)) calc(14 * var(--rpx)) rgba(255,255,255,.82);
}
.generation-cancel-action[data-v-qs4] { position: absolute; z-index: 3; left: 50%; bottom: calc(22 * var(--rpx)); min-width: calc(132 * var(--rpx)); min-height: calc(54 * var(--rpx)); padding: 0 calc(18 * var(--rpx)); display: flex; align-items: center; justify-content: center; transform: translateX(-50%); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.72); border-radius: calc(999 * var(--rpx)); background: rgba(255,255,255,.76); color: #52666A; font-size: calc(19 * var(--rpx)); font-weight: 650; backdrop-filter: blur(calc(10 * var(--rpx)));
}
@keyframes generation-glow-drift-qs4 {
0% { transform: translate3d(-4%,-3%,0) scale(.92); opacity: .48;
}
100% { transform: translate3d(10%,9%,0) scale(1.12); opacity: .78;
}
}
@keyframes generation-sweep-qs4 {
0% { transform: translate3d(0,0,0); opacity: 0;
}
18% { opacity: .76;
}
72% { opacity: .76;
}
100% { transform: translate3d(240%,0,0); opacity: 0;
}
}
.thinking-bubble[data-v-qs4] { position: relative; width: calc(300 * var(--rpx)); max-width: 72%; padding: calc(20 * var(--rpx)) calc(24 * var(--rpx)); overflow: hidden; border-radius: calc(10 * var(--rpx)) calc(25 * var(--rpx)) calc(25 * var(--rpx)) calc(25 * var(--rpx)); box-shadow: 0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) rgba(24,55,61,.08);
}
.thinking-indicator[data-v-qs4] { position: relative; z-index: 2; min-height: calc(38 * var(--rpx)); display: flex; align-items: center; justify-content: space-between; gap: calc(28 * var(--rpx));
}
.thinking-sweep[data-v-qs4] { position: absolute; z-index: 1; top: 0; bottom: 0; left: -58%; width: 52%; background: linear-gradient(105deg,transparent 12%,rgba(255,255,255,.82) 50%,transparent 88%); transform: translate3d(0,0,0); animation: thinking-sweep-qs4 1.9s ease-in-out infinite; pointer-events: none;
}
.thinking-dots[data-v-qs4] { height: calc(20 * var(--rpx)); display: flex; align-items: center; justify-content: center; gap: calc(7 * var(--rpx));
}
.thinking-dot[data-v-qs4] { width: calc(8 * var(--rpx)); height: calc(8 * var(--rpx)); border-radius: 50%; background: #0B9288; animation: thinking-dot-qs4 1.15s ease-in-out infinite;
}
.thinking-dot[data-v-qs4]:nth-child(2) { animation-delay: .14s;
}
.thinking-dot[data-v-qs4]:nth-child(3) { animation-delay: .28s;
}
.thinking-label[data-v-qs4] { color: #44545A; font-size: calc(23 * var(--rpx)); font-weight: 650; line-height: 1; white-space: nowrap;
}
@keyframes thinking-dot-qs4 {
0%,60%,100% { transform: translateY(0); opacity: .34;
}
30% { transform: translateY(calc(-5 * var(--rpx))); opacity: 1;
}
}
@keyframes thinking-sweep-qs4 {
0% { transform: translate3d(0,0,0); opacity: 0;
}
20% { opacity: .72;
}
72% { opacity: .72;
}
100% { transform: translate3d(310%,0,0); opacity: 0;
}
}
.progress-heading[data-v-qs4] { display: flex; align-items: center; gap: calc(16 * var(--rpx));
}
.progress-orb[data-v-qs4] { position: relative; flex: 0 0 auto; width: calc(40 * var(--rpx)); height: calc(40 * var(--rpx)); border-radius: 50%; background: linear-gradient(135deg,#17B8AA,#DDF8F2); overflow: hidden; animation: progress-pulse-qs4 1.6s ease-in-out infinite;
}
.progress-shine[data-v-qs4] { position: absolute; top: calc(-12 * var(--rpx)); left: calc(-20 * var(--rpx)); width: calc(12 * var(--rpx)); height: calc(66 * var(--rpx)); background: rgba(255,255,255,.78); transform: rotate(28deg); animation: shine-qs4 1.8s ease-in-out infinite;
}
@keyframes shine-qs4 {
0% { transform: translateX(0) rotate(28deg); opacity: 0;
}
28% { opacity: .7;
}
72% { opacity: .7;
}
100% { transform: translateX(calc(76 * var(--rpx))) rotate(28deg); opacity: 0;
}
}
@keyframes progress-pulse-qs4 {
0%,100% { transform: scale(.94); opacity: .78;
}
50% { transform: scale(1); opacity: 1;
}
}
.progress-current[data-v-qs4] { color: #1C2D37; font-size: calc(27 * var(--rpx)); font-weight: 650;
}
.progress-bubble .caption[data-v-qs4] { margin: calc(10 * var(--rpx)) 0 0 calc(56 * var(--rpx));
}
.progress-actions[data-v-qs4] { justify-content: flex-start; margin: calc(18 * var(--rpx)) 0 0 calc(56 * var(--rpx));
}
.progress-actions .secondary-button[data-v-qs4] { min-height: calc(62 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); font-size: calc(21 * var(--rpx));
}
.recovery-card[data-v-qs4] { margin: calc(32 * var(--rpx)) 0 0; padding: calc(30 * var(--rpx)); border: 0; border-radius: calc(30 * var(--rpx)); background: #FFF7E9;
}
.recovery-card .caption[data-v-qs4] { margin-top: calc(12 * var(--rpx));
}
.error-card[data-v-qs4] { margin: calc(32 * var(--rpx)) 0 0; padding: calc(30 * var(--rpx)); border: 0; border-radius: calc(30 * var(--rpx)); background: #FFF1EF;
}
.error-card .caption[data-v-qs4] { margin-top: calc(12 * var(--rpx)); color: #80534B;
}
.recovery-actions[data-v-qs4] { display: flex; gap: calc(16 * var(--rpx)); margin-top: calc(24 * var(--rpx));
}
.recovery-actions .primary-button[data-v-qs4],.recovery-actions .secondary-button[data-v-qs4] { flex: 1; min-height: calc(76 * var(--rpx)); font-size: calc(25 * var(--rpx));
}
.result-message[data-v-qs4] { display: flex; justify-content: flex-start; margin-top: calc(28 * var(--rpx));
}
.result-bubble[data-v-qs4] { width: 94%; box-sizing: border-box; padding: calc(20 * var(--rpx)); border-radius: calc(10 * var(--rpx)) calc(30 * var(--rpx)) calc(30 * var(--rpx)) calc(30 * var(--rpx)); background: #F4F5F6;
}
.result-kicker[data-v-qs4] { margin: 0 calc(4 * var(--rpx)) calc(14 * var(--rpx)); color: #667078; font-size: calc(20 * var(--rpx)); font-weight: 600;
}
.poster-preview[data-v-qs4] { position: relative; border-radius: calc(24 * var(--rpx)); overflow: hidden; background: #E9ECEE; box-shadow: 0 calc(16 * var(--rpx)) calc(40 * var(--rpx)) rgba(18,45,54,.13);
}
.poster-background[data-v-qs4] { width: 100%; height: 100%; display: block;
}
.crop-note[data-v-qs4] { margin-top: calc(16 * var(--rpx)); padding: calc(14 * var(--rpx)) calc(16 * var(--rpx)); display: flex; justify-content: space-between; gap: calc(12 * var(--rpx)); border-radius: calc(16 * var(--rpx)); background: #E8F6F4; color: #52706D; font-size: calc(19 * var(--rpx));
}
.crop-reset[data-v-qs4] { flex-shrink: 0; color: #087F77; font-weight: 650;
}
.result-actions[data-v-qs4] { display: flex; align-items: center; margin-top: calc(18 * var(--rpx)); padding: calc(6 * var(--rpx)) 0 0;
}
.result-action[data-v-qs4] { min-width: 0; min-height: calc(68 * var(--rpx)); flex: 1; display: flex; align-items: center; justify-content: center; box-sizing: border-box; font-size: calc(22 * var(--rpx)); font-weight: 620; letter-spacing: .02em; white-space: nowrap;
}
.result-action-divider[data-v-qs4] { flex: 0 0 auto; color: #D1D7D9; font-size: calc(21 * var(--rpx)); font-weight: 300; line-height: 1; transform: scaleX(.72); pointer-events: none;
}
.result-action-secondary[data-v-qs4] { color: #4A555B;
}
.result-action-primary[data-v-qs4] { color: #078E85; font-weight: 720;
}
.result-hint[data-v-qs4] { margin: calc(16 * var(--rpx)) calc(4 * var(--rpx)) calc(2 * var(--rpx)); color: #7E8992; font-size: calc(20 * var(--rpx)); line-height: 1.5;
}
.companion-copy[data-v-qs4] { margin: calc(16 * var(--rpx)) 0 calc(4 * var(--rpx)); padding: calc(20 * var(--rpx)) calc(24 * var(--rpx)); background: #F5F7F8; border-radius: calc(16 * var(--rpx));
}
.companion-copy-head[data-v-qs4] { display: flex; align-items: center; justify-content: space-between;
}
.companion-copy-label[data-v-qs4] { color: #10A398; font-size: calc(22 * var(--rpx)); font-weight: 600;
}
.companion-copy-copy[data-v-qs4] { flex: none; display: flex; align-items: center; justify-content: center; width: calc(72 * var(--rpx)); min-width: calc(72 * var(--rpx)); height: calc(72 * var(--rpx)); margin: calc(-12 * var(--rpx)) calc(-12 * var(--rpx)) calc(-12 * var(--rpx)) 0; padding: 0;
}
.companion-copy-icon[data-v-qs4] { display: block; width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx));
}
.companion-copy-text[data-v-qs4] { margin-top: calc(12 * var(--rpx)); color: #22282C; font-size: calc(26 * var(--rpx)); line-height: 1.6; white-space: pre-wrap;
}
.result-preview-mask[data-v-qs4] { position: fixed; z-index: 2000; inset: 0; padding: max(calc(84 * var(--rpx)), env(safe-area-inset-top)) calc(36 * var(--rpx)) max(calc(84 * var(--rpx)), env(safe-area-inset-bottom)); display: flex; align-items: center; justify-content: center; box-sizing: border-box; background: radial-gradient(circle at 50% 46%,rgba(30,40,45,.42),rgba(10,15,18,.88));
}
.result-preview-stage[data-v-qs4] { position: relative; width: 100%; height: 78vh; max-height: calc(1180 * var(--rpx));
}
.result-preview-zoom-area[data-v-qs4] { width: 100%; height: 100%; overflow: hidden; border-radius: calc(26 * var(--rpx)); background: rgba(8,12,14,.30); box-shadow: 0 calc(30 * var(--rpx)) calc(90 * var(--rpx)) rgba(0,0,0,.42);
}
.result-preview-zoom-view[data-v-qs4] { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
}
.result-preview-image[data-v-qs4] { width: 100%; height: 100%; display: block; border-radius: calc(26 * var(--rpx));
}
.result-preview-meta[data-v-qs4] { position: absolute; z-index: 3; left: calc(18 * var(--rpx)); right: calc(18 * var(--rpx)); bottom: calc(18 * var(--rpx)); min-height: calc(50 * var(--rpx)); padding: 0 calc(18 * var(--rpx)); display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; border: calc(1 * var(--rpx)) solid rgba(255,255,255,.28); border-radius: calc(999 * var(--rpx)); background: rgba(16,23,27,.58); color: rgba(255,255,255,.78); font-size: calc(18 * var(--rpx)); backdrop-filter: blur(calc(12 * var(--rpx))); pointer-events: none;
}
.result-preview-meta span[data-v-qs4]:first-child { color: #FFFFFF; font-weight: 650;
}
.result-preview-close[data-v-qs4] { position: absolute; top: calc(-22 * var(--rpx)); right: calc(-22 * var(--rpx)); width: calc(58 * var(--rpx)); height: calc(58 * var(--rpx)); display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #FFFFFF; box-shadow: 0 calc(8 * var(--rpx)) calc(26 * var(--rpx)) rgba(0,0,0,.18);
}
.result-preview-close img[data-v-qs4] { width: calc(24 * var(--rpx)); height: calc(24 * var(--rpx));
}
.result-preview-sticker[data-v-qs4] { position: absolute; z-index: 4; left: 50%; bottom: calc(92 * var(--rpx)); transform: translateX(-50%); min-height: calc(68 * var(--rpx)); padding: 0 calc(34 * var(--rpx)); display: flex; align-items: center; justify-content: center; border-radius: calc(999 * var(--rpx)); background: rgba(16,23,27,.62); color: #FFFFFF; font-size: calc(25 * var(--rpx)); font-weight: 620; backdrop-filter: blur(calc(12 * var(--rpx)));
}
.crop-editor-mask[data-v-qs4] { position: fixed; z-index: 2200; inset: 0; box-sizing: border-box; background: #0D1112;
}
.crop-editor-panel[data-v-qs4] { position: relative; width: 100%; height: 100%; padding: max(calc(22 * var(--rpx)), env(safe-area-inset-top)) calc(24 * var(--rpx)) max(calc(24 * var(--rpx)), env(safe-area-inset-bottom)); display: flex; flex-direction: column; box-sizing: border-box; overflow: hidden; background: #0D1112;
}
.crop-editor-header[data-v-qs4] { min-height: calc(86 * var(--rpx)); display: grid; grid-template-columns: calc(128 * var(--rpx)) minmax(0,1fr) calc(128 * var(--rpx)); align-items: center; flex: none;
}
.crop-editor-heading[data-v-qs4] { min-width: 0; text-align: center;
}
.crop-editor-title[data-v-qs4] { color: #FFFFFF; font-size: calc(30 * var(--rpx)); font-weight: 720;
}
.crop-editor-note[data-v-qs4] { margin-top: calc(4 * var(--rpx)); overflow: hidden; color: rgba(255,255,255,.52); font-size: calc(18 * var(--rpx)); line-height: 1.3; text-overflow: ellipsis; white-space: nowrap;
}
.crop-header-action[data-v-qs4] { min-height: calc(70 * var(--rpx)); display: flex; align-items: center; font-size: calc(25 * var(--rpx)); font-weight: 620;
}
.crop-header-cancel[data-v-qs4] { justify-content: flex-start; color: rgba(255,255,255,.78);
}
.crop-header-confirm[data-v-qs4] { justify-content: flex-end; color: #35D1C3;
}
.crop-editor-workspace[data-v-qs4] { min-height: 0; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden;
}
.crop-editor-stage[data-v-qs4] { position: relative; flex: none; overflow: hidden; border-radius: calc(8 * var(--rpx)); background: #050708; box-shadow: 0 0 0 calc(1 * var(--rpx)) rgba(255,255,255,.08), 0 calc(20 * var(--rpx)) calc(70 * var(--rpx)) rgba(0,0,0,.42);
}
.crop-gesture-area[data-v-qs4] { position: absolute; inset: 0; overflow: hidden;
}
.crop-gesture-view[data-v-qs4] { position: absolute; display: block;
}
.crop-editor-image[data-v-qs4] { width: 100%; height: 100%; display: block;
}
.crop-editor-grid[data-v-qs4] { position: absolute; z-index: 3; inset: 0; border: calc(2 * var(--rpx)) solid rgba(255,255,255,.92); box-sizing: border-box; box-shadow: inset 0 0 0 calc(1 * var(--rpx)) rgba(0,0,0,.18); pointer-events: none;
}
.crop-grid-v[data-v-qs4],.crop-grid-h[data-v-qs4] { position: absolute; background: rgba(255,255,255,.52);
}
.crop-grid-v[data-v-qs4] { top: 0; bottom: 0; width: calc(1 * var(--rpx));
}
.crop-grid-v-one[data-v-qs4] { left: 33.333%;
}
.crop-grid-v-two[data-v-qs4] { left: 66.666%;
}
.crop-grid-h[data-v-qs4] { left: 0; right: 0; height: calc(1 * var(--rpx));
}
.crop-grid-h-one[data-v-qs4] { top: 33.333%;
}
.crop-grid-h-two[data-v-qs4] { top: 66.666%;
}
.crop-gesture-hint[data-v-qs4] { min-height: calc(68 * var(--rpx)); display: flex; align-items: center; justify-content: center; gap: calc(10 * var(--rpx)); color: rgba(255,255,255,.55); font-size: calc(20 * var(--rpx));
}
.crop-gesture-hand[data-v-qs4] { color: #35D1C3; font-size: calc(22 * var(--rpx));
}
.crop-editor-footer[data-v-qs4] { flex: none; padding-top: calc(6 * var(--rpx));
}
.crop-footer-label[data-v-qs4] { min-height: calc(52 * var(--rpx)); display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.54); font-size: calc(20 * var(--rpx));
}
.crop-reset-position[data-v-qs4] { min-width: calc(88 * var(--rpx)); min-height: calc(52 * var(--rpx)); display: flex; align-items: center; justify-content: flex-end; color: #35D1C3; font-weight: 620;
}
.crop-ratios[data-v-qs4] { width: 100%; white-space: nowrap;
}
.crop-ratios-row[data-v-qs4] { min-width: 100%; display: inline-flex; justify-content: center; gap: calc(14 * var(--rpx)); padding: calc(2 * var(--rpx)) 0; box-sizing: border-box;
}
.crop-ratio[data-v-qs4] { min-width: calc(116 * var(--rpx)); min-height: calc(68 * var(--rpx)); padding: 0 calc(22 * var(--rpx)); display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: calc(1 * var(--rpx)) solid rgba(255,255,255,.15); border-radius: calc(999 * var(--rpx)); color: rgba(255,255,255,.66); background: rgba(255,255,255,.05); font-size: calc(22 * var(--rpx)); font-weight: 620;
}
.crop-ratio-active[data-v-qs4] { border-color: rgba(53,209,195,.52); background: rgba(53,209,195,.16); color: #64E0D5;
}
.crop-output-canvas[data-v-qs4] { position: fixed; left: -10000px; top: -10000px; opacity: 0; pointer-events: none;
}
.conversation-tail[data-v-qs4] { height: calc(340 * var(--rpx));
}
.copy-reference-summary[data-v-qs4] { margin: calc(24 * var(--rpx)) 0 calc(28 * var(--rpx)); padding: calc(24 * var(--rpx)); border: calc(2 * var(--rpx)) solid #D5EBE8; border-radius: calc(22 * var(--rpx)); background: #F1FAF8;
}
.copy-reference-label[data-v-qs4] { color: #087F77; font-size: calc(24 * var(--rpx)); font-weight: 600; line-height: 1.5;
}
.copy-reference-note[data-v-qs4] { margin-top: calc(8 * var(--rpx)); color: #758480; font-size: calc(22 * var(--rpx)); line-height: 1.6;
}
.sticker-mask[data-v-qs4] { position: fixed; z-index: 2300; inset: 0; box-sizing: border-box; background: #0D1112;
}
.sticker-panel[data-v-qs4] { position: relative; width: 100%; height: 100%; padding-left: calc(calc(24 * var(--rpx)) + var(--safe-left, 0px)); padding-right: calc(calc(24 * var(--rpx)) + var(--safe-right, 0px)); display: flex; flex-direction: column; box-sizing: border-box; overflow: hidden; background: #0D1112;
}
.sticker-header[data-v-qs4] { min-height: calc(86 * var(--rpx)); display: grid; grid-template-columns: calc(128 * var(--rpx)) minmax(0,1fr) calc(128 * var(--rpx)); align-items: center; flex: none;
}
.sticker-heading[data-v-qs4] { min-width: 0; text-align: center;
}
.sticker-title[data-v-qs4] { color: #FFFFFF; font-size: calc(30 * var(--rpx)); font-weight: 720;
}
.sticker-note[data-v-qs4] { margin-top: calc(4 * var(--rpx)); overflow: hidden; color: rgba(255,255,255,.52); font-size: calc(18 * var(--rpx)); line-height: 1.3; text-overflow: ellipsis; white-space: nowrap;
}
.sticker-header-action[data-v-qs4] { min-height: calc(70 * var(--rpx)); display: flex; align-items: center; justify-content: center; font-size: calc(25 * var(--rpx)); font-weight: 620; color: rgba(255,255,255,.78);
}
.sticker-scroll[data-v-qs4] { width: 100%; height: 0; min-height: 0; flex: 1;
}
.sticker-body[data-v-qs4] { min-height: 100%; display: flex; flex-direction: column; padding: calc(12 * var(--rpx)) 0; box-sizing: border-box;
}
.sticker-preview[data-v-qs4] { position: relative; flex: 1; min-height: calc(420 * var(--rpx)); display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: calc(18 * var(--rpx)); box-shadow: 0 0 0 calc(1 * var(--rpx)) rgba(255,255,255,.08), 0 calc(20 * var(--rpx)) calc(70 * var(--rpx)) rgba(0,0,0,.42); background-color: #FFFFFF; background-image: linear-gradient(45deg,#D7DDE0 25%,transparent 25%),linear-gradient(-45deg,#D7DDE0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#D7DDE0 75%),linear-gradient(-45deg,transparent 75%,#D7DDE0 75%); background-size: calc(28 * var(--rpx)) calc(28 * var(--rpx)); background-position: 0 0,0 calc(14 * var(--rpx)),calc(14 * var(--rpx)) calc(-14 * var(--rpx)),calc(-14 * var(--rpx)) 0;
}
.sticker-preview-image[data-v-qs4] { position: absolute; inset: 0; width: 100%; height: 100%; display: block;
}
.sticker-preview-hint[data-v-qs4] { padding: 0 calc(40 * var(--rpx)); text-align: center; color: #6B7476; font-size: calc(24 * var(--rpx)); line-height: 1.6;
}
.sticker-actions[data-v-qs4] { flex: none; display: flex; gap: calc(20 * var(--rpx)); margin-top: calc(24 * var(--rpx));
}
.sticker-button[data-v-qs4] { flex: 1; min-height: calc(88 * var(--rpx)); display: flex; align-items: center; justify-content: center; border-radius: calc(16 * var(--rpx)); background: rgba(255,255,255,.10); color: #FFFFFF; font-size: calc(27 * var(--rpx)); font-weight: 650;
}
.sticker-button-primary[data-v-qs4] { background: #35D1C3; color: #04211E;
}
.sticker-button-disabled[data-v-qs4] { opacity: .45;
}
.sticker-error[data-v-qs4] { flex: none; margin-top: calc(18 * var(--rpx)); padding: calc(16 * var(--rpx)) calc(20 * var(--rpx)); border-radius: calc(14 * var(--rpx)); background: rgba(255,99,99,.14); color: #FF8A80; font-size: calc(24 * var(--rpx)); line-height: 1.5;
}
.sticker-ai-start[data-v-qs4] { flex: none;
}
.sticker-flow-note[data-v-qs4] { flex: none; padding: calc(16 * var(--rpx)) 0; color: rgba(255,255,255,.72); font-size: calc(24 * var(--rpx)); line-height: 1.5;
}
.transparent-image-preview[data-v-qs4] { background-color: #FFFFFF; background-image: linear-gradient(45deg,#D7DDE0 25%,transparent 25%),linear-gradient(-45deg,#D7DDE0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#D7DDE0 75%),linear-gradient(-45deg,transparent 75%,#D7DDE0 75%); background-size: calc(28 * var(--rpx)) calc(28 * var(--rpx)); background-position: 0 0,0 calc(14 * var(--rpx)),calc(14 * var(--rpx)) calc(-14 * var(--rpx)),calc(-14 * var(--rpx)) 0;
}

/* pages/inspiration/inspiration */
.inspiration-page[data-v-qs5] { height: 100vh; padding-left: 0; padding-right: 0; padding-bottom: 0; overflow: hidden; background: #FFFFFF;
}
.library-scroll[data-v-qs5] { width: 100%;
}
.library-content[data-v-qs5] { padding: 0 calc(var(--qs-page-gutter, calc(40 * var(--rpx))) + var(--safe-right, 0px)) 0 calc(var(--qs-page-gutter, calc(40 * var(--rpx))) + var(--safe-left, 0px));
}
.library-head[data-v-qs5] { margin-top: calc(24 * var(--rpx));
}
.library-head .display[data-v-qs5] { font-size: calc(40 * var(--rpx));
}
.library-head .body[data-v-qs5] { margin-top: calc(11 * var(--rpx));
}
.company-priority-note[data-v-qs5] { margin-top: calc(12 * var(--rpx)); color: var(--qs-color-brand-strong, #087F77); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); font-weight: 600;
}
.library-tools[data-v-qs5] { display: flex; align-items: center; gap: calc(14 * var(--rpx)); margin-top: calc(26 * var(--rpx));
}
.library-search[data-v-qs5] { min-width: 0; height: calc(72 * var(--rpx)); flex: 1; display: flex; align-items: center; gap: calc(12 * var(--rpx)); padding: 0 calc(18 * var(--rpx)); border: calc(2 * var(--rpx)) solid #E1E5E6; border-radius: calc(36 * var(--rpx)); background: #F7F8F8; transition: border-color .18s ease,background .18s ease;
}
.library-search-icon[data-v-qs5] { width: calc(29 * var(--rpx)); height: calc(29 * var(--rpx)); flex: none; opacity: .72;
}
.library-search-input[data-v-qs5] { min-width: 0; height: calc(58 * var(--rpx)); flex: 1; color: #2D3338; font-size: var(--qs-font-body, calc(28 * var(--rpx)));
}
.library-search-placeholder[data-v-qs5] { color: #9AA1A7;
}
.search-clear[data-v-qs5] { width: calc(48 * var(--rpx)); height: calc(48 * var(--rpx)); display: flex; align-items: center; justify-content: center; flex: none; border-radius: 50%; color: #8A9299; font-size: calc(30 * var(--rpx)); line-height: 1;
}
.filter-trigger[data-v-qs5] { height: calc(72 * var(--rpx)); display: flex; align-items: center; justify-content: center; gap: calc(9 * var(--rpx)); flex: none; padding: 0 calc(20 * var(--rpx)); border: calc(2 * var(--rpx)) solid #E1E5E6; border-radius: calc(36 * var(--rpx)); background: #FFFFFF; color: #4F565D; font-size: var(--qs-font-caption, calc(24 * var(--rpx))); font-weight: 620; transition: color .18s ease,border-color .18s ease,background .18s ease;
}
.filter-trigger.active[data-v-qs5] { border-color: #B9E3DF; background: #ECF8F6; color: var(--qs-color-brand-strong, #087F77);
}
.filter-glyph[data-v-qs5] { width: calc(26 * var(--rpx)); height: calc(24 * var(--rpx)); display: flex; flex-direction: column; justify-content: space-between;
}
.filter-glyph-line[data-v-qs5] { height: calc(3 * var(--rpx)); border-radius: calc(2 * var(--rpx)); background: currentColor;
}
.line-one[data-v-qs5] { width: calc(26 * var(--rpx));
}
.line-two[data-v-qs5] { width: calc(19 * var(--rpx));
}
.line-three[data-v-qs5] { width: calc(12 * var(--rpx));
}
.active-filter-row[data-v-qs5] { min-height: calc(58 * var(--rpx)); display: flex; align-items: center; justify-content: space-between; margin-top: calc(14 * var(--rpx)); padding: 0 calc(18 * var(--rpx)); border-radius: calc(18 * var(--rpx)); background: #ECF8F6; color: var(--qs-color-brand-strong, #087F77); font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}
.active-filter-label[data-v-qs5] { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 620;
}
.active-filter-clear[data-v-qs5] { min-width: calc(70 * var(--rpx)); min-height: calc(50 * var(--rpx)); display: flex; align-items: center; justify-content: flex-end; color: #5B7D79;
}
.filter-panel[data-v-qs5] { margin-top: calc(16 * var(--rpx)); padding: calc(22 * var(--rpx)) calc(18 * var(--rpx)) calc(14 * var(--rpx)); border: calc(2 * var(--rpx)) solid var(--qs-color-line, #E4EBE8); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: #FFFFFF; box-shadow: 0 calc(14 * var(--rpx)) calc(36 * var(--rpx)) rgba(28,45,49,.08); animation: filter-panel-in-qs5 .2s ease-out both;
}
@keyframes filter-panel-in-qs5 {
from { opacity: 0; transform: translateY(calc(-8 * var(--rpx)));
}
to { opacity: 1; transform: translateY(0);
}
}
.filter-panel-top[data-v-qs5] { display: flex; align-items: center; justify-content: space-between;
}
.filter-panel-title[data-v-qs5] { color: #333A40; font-size: var(--qs-font-caption, calc(24 * var(--rpx))); font-weight: 650;
}
.filter-reset[data-v-qs5] { min-width: calc(72 * var(--rpx)); min-height: calc(54 * var(--rpx)); display: flex; align-items: center; justify-content: flex-end; color: var(--qs-color-brand-strong, #087F77); font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}
.filter-root-grid[data-v-qs5] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: calc(12 * var(--rpx)); margin-top: calc(16 * var(--rpx));
}
.filter-root-option[data-v-qs5] { min-width: 0; min-height: calc(92 * var(--rpx)); display: flex; flex-direction: column; justify-content: center; padding: 0 calc(18 * var(--rpx)); border: calc(2 * var(--rpx)) solid #E4E8E9; border-radius: calc(22 * var(--rpx)); background: #F9FAFA;
}
.filter-root-option.active[data-v-qs5] { border-color: #9ED8D2; background: #E8F6F4;
}
.filter-root-title[data-v-qs5] { color: #333A40; font-size: var(--qs-font-caption, calc(24 * var(--rpx))); font-weight: 650;
}
.filter-root-option.active .filter-root-title[data-v-qs5] { color: var(--qs-color-brand-strong, #087F77);
}
.filter-root-caption[data-v-qs5] { margin-top: calc(5 * var(--rpx)); color: var(--qs-color-subtle, #8B959A); font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}
.filter-subsection[data-v-qs5] { margin-top: calc(18 * var(--rpx));
}
.filter-subtitle[data-v-qs5] { color: #7C858C; font-size: var(--qs-font-meta, calc(22 * var(--rpx))); font-weight: 560;
}
.filter-grid[data-v-qs5] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: calc(12 * var(--rpx)); margin-top: calc(18 * var(--rpx));
}
.filter-option[data-v-qs5] { min-width: 0; min-height: calc(56 * var(--rpx)); display: flex; align-items: center; justify-content: center; gap: calc(6 * var(--rpx)); padding: 0 calc(7 * var(--rpx)); overflow: hidden; border: calc(2 * var(--rpx)) solid #E4E8E9; border-radius: calc(28 * var(--rpx)); background: #F9FAFA; color: #555D63; font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}
.filter-option.active[data-v-qs5] { border-color: #A9DCD7; background: #E8F6F4; color: var(--qs-color-brand-strong, #087F77); font-weight: 620;
}
.filter-option.disabled[data-v-qs5] { border-color: #ECEEEF; background: #FAFAFA; color: #C4C8CB;
}
.filter-option-name[data-v-qs5] { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.filter-expand[data-v-qs5] { min-height: calc(62 * var(--rpx)); display: flex; align-items: center; justify-content: center; gap: calc(8 * var(--rpx)); margin-top: calc(10 * var(--rpx)); color: var(--qs-color-brand-strong, #087F77); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); font-weight: 620;
}
.filter-expand-icon[data-v-qs5] { width: calc(19 * var(--rpx)); height: calc(19 * var(--rpx)); transition: transform .2s ease;
}
.filter-expand-icon.expanded[data-v-qs5] { transform: rotate(180deg);
}
.inspiration-columns[data-v-qs5] { display: flex; align-items: flex-start; gap: calc(18 * var(--rpx)); margin-top: calc(24 * var(--rpx));
}
.inspiration-column[data-v-qs5] { min-width: 0; width: calc((100% - calc(18 * var(--rpx))) / 2);
}
.inspiration-card[data-v-qs5] { margin-bottom: calc(30 * var(--rpx));
}
.inspire-cover[data-v-qs5] { position: relative; width: 100%; min-height: calc(180 * var(--rpx)); border-radius: calc(22 * var(--rpx)); overflow: hidden; background: var(--qs-color-line, #E4EBE8); box-shadow: 0 calc(6 * var(--rpx)) calc(18 * var(--rpx)) rgba(20,28,36,.07);
}
.inspire-cover-image[data-v-qs5] { display: block; width: 100%; min-height: 100%;
}
.image-skeleton[data-v-qs5] { position: absolute; inset: 0; background: linear-gradient(110deg,#E8EDF1 20%,#F5F7F9 42%,#E8EDF1 64%); background-size: 240% 100%; animation: skeleton-qs5 1.6s ease-in-out infinite;
}
@keyframes skeleton-qs5 {
from { background-position: 100% 0;
}
to { background-position: -100% 0;
}
}
.cover-brand[data-v-qs5] { position: absolute; left: calc(12 * var(--rpx)); top: calc(12 * var(--rpx)); padding: calc(6 * var(--rpx)) calc(10 * var(--rpx)); border-radius: calc(11 * var(--rpx)); background: rgba(18,20,24,.48); color: rgba(255,255,255,.94); font-size: calc(14 * var(--rpx)); letter-spacing: calc(1 * var(--rpx)); backdrop-filter: blur(calc(8 * var(--rpx)));
}
.cover-brand.company[data-v-qs5] { background: rgba(5,121,112,.82);
}
.inspire-title[data-v-qs5] { margin-top: calc(13 * var(--rpx)); color: var(--qs-color-text, #20272B); font-size: calc(24 * var(--rpx)); line-height: 1.38; font-weight: 600; overflow-wrap: break-word;
}
.inspire-meta[data-v-qs5] { margin-top: calc(6 * var(--rpx)); overflow: hidden; color: var(--qs-color-subtle, #8B959A); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); line-height: 1.3; white-space: nowrap; text-overflow: ellipsis;
}
.library-status[data-v-qs5],.loading-more[data-v-qs5] { display: flex; align-items: center; justify-content: center; gap: calc(14 * var(--rpx)); min-height: calc(120 * var(--rpx)); color: #7A8792; font-size: calc(22 * var(--rpx));
}
.loading-dot[data-v-qs5] { width: calc(20 * var(--rpx)); height: calc(20 * var(--rpx)); border: calc(4 * var(--rpx)) solid #CCEAE6; border-top-color: var(--qs-color-brand, #10A398); border-radius: 50%; animation: spin-qs5 .8s linear infinite;
}
@keyframes spin-qs5 {
to { transform: rotate(360deg);
}
}
.library-empty[data-v-qs5] { margin-top: calc(42 * var(--rpx)); padding: calc(36 * var(--rpx)); border: 0; border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: #F4F5F6;
}
.library-empty .body[data-v-qs5] { margin-top: calc(12 * var(--rpx));
}
.search-empty[data-v-qs5] { text-align: center;
}
.retry-library[data-v-qs5] { margin-top: calc(28 * var(--rpx)); min-height: calc(82 * var(--rpx));
}
.error-text[data-v-qs5] { color: #A5675B; text-align: center;
}
.library-tail[data-v-qs5] { height: calc(42 * var(--rpx));
}
.library-type-tabs[data-v-qs5] { display: flex; gap: calc(8 * var(--rpx)); margin-top: calc(24 * var(--rpx)); padding: calc(6 * var(--rpx)); border-radius: calc(24 * var(--rpx)); background: #F1F4F4;
}
.library-type-tabs .library-type-tab[data-v-qs5] { flex: 1; width: auto; min-width: 0; margin: 0; padding: calc(14 * var(--rpx)); border-radius: calc(18 * var(--rpx)); background: transparent; color: #7B8489; font-size: var(--qs-font-body, calc(28 * var(--rpx))); line-height: 1.5; font-weight: 600;
}
.library-type-tabs .library-type-tab.active[data-v-qs5] { background: #FFFFFF; color: var(--qs-color-brand-strong, #087F77); box-shadow: 0 calc(3 * var(--rpx)) calc(10 * var(--rpx)) rgba(20,70,60,.06);
}
.library-type-tab[data-v-qs5]::after,.copy-filter-trigger[data-v-qs5]::after,.copy-filter-clear[data-v-qs5]::after,.copy-scene-option[data-v-qs5]::after,.copy-reset[data-v-qs5]::after,.library-copy-card[data-v-qs5]::after { border: 0;
}
.library-tools .copy-filter-trigger[data-v-qs5] { width: auto; margin: 0; padding: 0 calc(22 * var(--rpx)); border: calc(2 * var(--rpx)) solid #E1E5E6; border-radius: calc(36 * var(--rpx)); background: #FFFFFF; color: #4F565D; font-size: var(--qs-font-meta, calc(22 * var(--rpx))); line-height: calc(68 * var(--rpx));
}
.library-tools .copy-filter-trigger.active[data-v-qs5] { background: #ECF8F6; color: var(--qs-color-brand-strong, #087F77); border-color: #B9E3DF;
}
.active-filter-row .copy-filter-clear[data-v-qs5] { width: auto; margin: 0; padding: 0 calc(12 * var(--rpx)); background: transparent; color: var(--qs-color-brand-strong, #087F77); font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}
.copy-scene-grid[data-v-qs5] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: calc(12 * var(--rpx)); margin-top: calc(18 * var(--rpx));
}
.copy-scene-grid .copy-scene-option[data-v-qs5] { box-sizing: border-box; width: 100%; min-width: 0; margin: 0; padding: calc(12 * var(--rpx)) calc(4 * var(--rpx)); border: calc(2 * var(--rpx)) solid #E4E8E9; border-radius: calc(28 * var(--rpx)); background: #F9FAFA; color: #555D63; font-size: var(--qs-font-meta, calc(22 * var(--rpx))); line-height: 1.5;
}
.copy-scene-grid .copy-scene-option.active[data-v-qs5] { border-color: #A9DCD7; background: #E8F6F4; color: var(--qs-color-brand-strong, #087F77);
}
.copy-common-scenes[data-v-qs5] { width: 100%; margin-top: calc(18 * var(--rpx)); white-space: nowrap;
}
.copy-common-scenes-row[data-v-qs5] { display: inline-flex; gap: calc(12 * var(--rpx)); padding: calc(2 * var(--rpx)) 0;
}
.copy-common-scenes-row .copy-common-scene[data-v-qs5] { flex: none; width: auto; min-height: calc(64 * var(--rpx)); margin: 0; padding: calc(12 * var(--rpx)) calc(20 * var(--rpx)); border: calc(2 * var(--rpx)) solid var(--qs-color-line, #E4EBE8); border-radius: calc(34 * var(--rpx)); background: #FFFFFF; color: #555D63; font-size: var(--qs-font-meta, calc(22 * var(--rpx))); line-height: 1.6;
}
.copy-common-scenes-row .copy-common-scene[data-v-qs5]::after { border: 0;
}
.copy-common-scenes-row .copy-common-scene.active[data-v-qs5] { border-color: #A9DCD7; background: #E8F6F4; color: var(--qs-color-brand-strong, #087F77);
}
.library-empty .copy-reset[data-v-qs5] { width: auto; margin-top: calc(24 * var(--rpx)); padding: calc(14 * var(--rpx)) calc(24 * var(--rpx)); border-radius: calc(22 * var(--rpx)); background: #E6F4F1; color: var(--qs-color-brand-strong, #087F77); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.5;
}
.library-copy-list[data-v-qs5] { display: flex; flex-direction: column; gap: calc(20 * var(--rpx)); margin-top: calc(24 * var(--rpx));
}
.library-copy-list .library-copy-card[data-v-qs5] { box-sizing: border-box; display: block; width: 100%; min-width: 0; margin: 0; padding: var(--qs-card-padding, calc(28 * var(--rpx))); border: calc(2 * var(--rpx)) solid var(--qs-color-line, #E4EBE8); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: #F9FBFA; text-align: left; line-height: 1.6;
}
.library-copy-meta[data-v-qs5] { color: var(--qs-color-brand-strong, #087F77); font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}
.library-copy-title[data-v-qs5] { margin-top: calc(12 * var(--rpx)); color: var(--qs-color-text, #20272B); font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 650;
}
.library-copy-excerpt[data-v-qs5] { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: calc(12 * var(--rpx)); color: var(--qs-color-muted, #6F7A80); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.75; white-space: pre-wrap;
}
.library-copy-bottom[data-v-qs5] { display: flex; align-items: center; justify-content: space-between; gap: calc(12 * var(--rpx)); min-height: calc(56 * var(--rpx)); margin-top: calc(24 * var(--rpx)); color: var(--qs-color-brand-strong, #087F77); font-size: var(--qs-font-caption, calc(24 * var(--rpx)));
}
.library-copy-action-icon[data-v-qs5] { display: block; flex: none; width: calc(40 * var(--rpx)); height: calc(40 * var(--rpx));
}

/* pages/inspiration-detail/inspiration-detail */
.detail-page[data-v-qs6] { background: #FFFFFF;
}
.detail-visual[data-v-qs6] { position: relative; width: 100%; margin: calc(26 * var(--rpx)) auto 0; border-radius: calc(30 * var(--rpx)); overflow: hidden; background: #ECEDEF; box-shadow: 0 calc(10 * var(--rpx)) calc(28 * var(--rpx)) rgba(20,28,36,.08);
}
.detail-image[data-v-qs6] { display: block; width: 100%;
}
.detail-loading[data-v-qs6] { min-height: calc(560 * var(--rpx)); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(22 * var(--rpx)); padding: calc(32 * var(--rpx)); color: #718091; text-align: center; font-size: calc(24 * var(--rpx));
}
.detail-retry[data-v-qs6] { min-width: calc(168 * var(--rpx)); padding: calc(18 * var(--rpx)) calc(30 * var(--rpx));
}
.detail-badge[data-v-qs6] { position: absolute; left: calc(22 * var(--rpx)); top: calc(22 * var(--rpx)); padding: calc(8 * var(--rpx)) calc(14 * var(--rpx)); border-radius: calc(13 * var(--rpx)); background: rgba(18,20,24,.48); color: #fff; font-size: calc(16 * var(--rpx)); letter-spacing: calc(1 * var(--rpx));
}
.detail-title[data-v-qs6] { margin-top: calc(34 * var(--rpx)); color: #1E2228; font-size: calc(42 * var(--rpx)); line-height: 1.25; font-weight: 700;
}
.detail-tags[data-v-qs6] { margin-top: calc(13 * var(--rpx)); color: #0B9288; font-size: calc(22 * var(--rpx));
}
.detail-note[data-v-qs6] { margin-top: calc(40 * var(--rpx)); padding: calc(28 * var(--rpx)); border-radius: calc(28 * var(--rpx)); background: #F4F5F6;
}
.detail-note .body[data-v-qs6] { margin-top: calc(14 * var(--rpx));
}
.use[data-v-qs6] { margin-top: calc(42 * var(--rpx));
}
.use-disabled[data-v-qs6] { opacity: .55;
}
.copy-detail-meta[data-v-qs6] { margin-top: calc(28 * var(--rpx)); color: #0B9288; font-size: calc(22 * var(--rpx)); line-height: 1.6;
}
.copy-detail-body[data-v-qs6] { display: block; margin-top: calc(32 * var(--rpx)); color: #3D474D; font-size: calc(28 * var(--rpx)); line-height: 1.95; white-space: pre-wrap;
}
.copy-detail-actions[data-v-qs6] { display: flex; gap: calc(18 * var(--rpx)); margin-top: calc(32 * var(--rpx));
}
.copy-detail-actions .copy-detail-secondary[data-v-qs6],.copy-detail-actions .copy-detail-primary[data-v-qs6] { box-sizing: border-box; width: auto; min-width: 0; flex: 1; margin: 0; padding: calc(22 * var(--rpx)) calc(6 * var(--rpx)); border-radius: calc(24 * var(--rpx)); font-size: calc(25 * var(--rpx)); line-height: 1.5; font-weight: 600;
}
.copy-detail-secondary[data-v-qs6]::after,.copy-detail-primary[data-v-qs6]::after { border: 0;
}
.copy-detail-actions .copy-detail-secondary[data-v-qs6] { background: #F0F5F4; color: #0B9288;
}
.copy-detail-actions .copy-detail-primary[data-v-qs6] { background: #0B9F94; color: #FFFFFF;
}

/* pages/company-assets/company-assets */
.asset-page[data-v-qs7] { background: #F6F7F8;
}
.nav-side[data-v-qs7] { width: calc(120 * var(--rpx));
}
.asset-intro[data-v-qs7] { padding: calc(28 * var(--rpx)) 0 calc(22 * var(--rpx));
}
.asset-intro .display[data-v-qs7] { font-size: var(--qs-font-title, calc(32 * var(--rpx))); line-height: 1.3;
}
.asset-intro .body[data-v-qs7] { margin-top: calc(12 * var(--rpx));
}
.asset-state[data-v-qs7] { min-height: calc(420 * var(--rpx)); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(24 * var(--rpx)); color: var(--qs-color-muted, #6F7A80); font-size: var(--qs-font-caption, calc(24 * var(--rpx)));
}
.retry[data-v-qs7] { min-width: calc(180 * var(--rpx));
}
.category-scroll[data-v-qs7] { margin: 0 calc(-40 * var(--rpx)); white-space: nowrap;
}
.category-row[data-v-qs7] { display: inline-flex; gap: calc(14 * var(--rpx)); padding: calc(8 * var(--rpx)) calc(40 * var(--rpx)) calc(24 * var(--rpx));
}
.category-chip[data-v-qs7] { min-height: calc(68 * var(--rpx)); display: flex; align-items: center; box-sizing: border-box; padding: 0 calc(28 * var(--rpx)); border: calc(2 * var(--rpx)) solid #E1E5E7; border-radius: calc(36 * var(--rpx)); background: #fff; color: var(--qs-color-muted, #6F7A80); font-size: var(--qs-font-caption, calc(24 * var(--rpx)));
}
.category-chip.active[data-v-qs7] { border-color: #B7DFD9; background: var(--qs-color-brand-soft, #EAF7F5); color: var(--qs-color-brand-strong, #087F77); font-weight: 650;
}
.asset-grid[data-v-qs7] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: calc(18 * var(--rpx)); padding-bottom: calc(48 * var(--rpx));
}
.asset-card[data-v-qs7] { min-width: 0; padding: calc(10 * var(--rpx)) calc(10 * var(--rpx)) calc(14 * var(--rpx)); border: calc(2 * var(--rpx)) solid transparent; border-radius: calc(24 * var(--rpx)); background: #fff; box-shadow: 0 calc(8 * var(--rpx)) calc(24 * var(--rpx)) rgba(28,36,42,.05);
}
.asset-card.selected[data-v-qs7] { border-color: var(--qs-color-brand, #10A398); background: #F1FBF9;
}
.asset-image-wrap[data-v-qs7] { position: relative; aspect-ratio: 1 / 1; overflow: hidden; border-radius: calc(18 * var(--rpx)); background: linear-gradient(145deg,#EEF3F2,#E4E9E8);
}
.asset-image[data-v-qs7] { width: 100%; height: 100%;
}
.asset-placeholder[data-v-qs7] { width: 100%; height: 100%; background: linear-gradient(105deg,#EDF0F1 20%,#F8F9F9 38%,#EDF0F1 58%);
}
.asset-check[data-v-qs7] { position: absolute; top: calc(8 * var(--rpx)); right: calc(8 * var(--rpx)); width: calc(38 * var(--rpx)); height: calc(38 * var(--rpx)); display: flex; align-items: center; justify-content: center; border: calc(2 * var(--rpx)) solid rgba(255,255,255,.9); border-radius: 50%; background: rgba(34,40,45,.38); color: #fff; font-size: calc(22 * var(--rpx)); font-weight: 700;
}
.asset-card.selected .asset-check[data-v-qs7] { background: #0C9F94;
}
.asset-title[data-v-qs7] { min-height: calc(54 * var(--rpx)); margin-top: calc(10 * var(--rpx)); overflow: hidden; color: var(--qs-color-text, #20272B); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); line-height: calc(27 * var(--rpx)); text-align: center;
}
.asset-footer[data-v-qs7] { position: fixed; z-index: 30; right: calc(calc(24 * var(--rpx)) + var(--safe-right, 0px)); bottom: 0; left: calc(calc(24 * var(--rpx)) + var(--safe-left, 0px)); display: flex; align-items: center; gap: calc(24 * var(--rpx)); box-sizing: border-box; padding-top: calc(18 * var(--rpx)); background: linear-gradient(180deg,rgba(246,247,248,0),#F6F7F8 24%);
}
.selection-count[data-v-qs7] { flex: 1; color: #6F7780; font-size: var(--qs-font-caption, calc(24 * var(--rpx)));
}
.confirm[data-v-qs7] { width: calc(260 * var(--rpx));
}
.confirm.disabled[data-v-qs7] { opacity: .55;
}

/* pages/profile/profile */
.profile-screen[data-v-qs8] { min-height: 100vh; box-sizing: border-box; padding-left: calc(calc(40 * var(--rpx)) + var(--safe-left, 0px)); padding-right: calc(calc(40 * var(--rpx)) + var(--safe-right, 0px)); background: #F8F9FA;
}.page-nav[data-v-qs8] { height: calc(90 * var(--rpx)); display: flex; align-items: center; justify-content: space-between;
}.nav-back[data-v-qs8],.nav-placeholder[data-v-qs8] { width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx)); display: flex; align-items: center; justify-content: center;
}.nav-back img[data-v-qs8] { width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx));
}.page-title[data-v-qs8] { color: var(--qs-color-text, #20272B); font-size: calc(30 * var(--rpx)); font-weight: 650;
}.profile-hero[data-v-qs8] { display: flex; flex-direction: column; align-items: center; margin-top: var(--qs-section-gap, calc(40 * var(--rpx)));
}.avatar-button[data-v-qs8] { position: relative; width: calc(156 * var(--rpx)); height: calc(156 * var(--rpx)); padding: 0; overflow: visible; border: 0; border-radius: 50%; background: transparent;
}.avatar-button[data-v-qs8]::after,.phone-button[data-v-qs8]::after,.save-button[data-v-qs8]::after { border: 0;
}.avatar-button img[data-v-qs8] { width: calc(156 * var(--rpx)); height: calc(156 * var(--rpx)); border-radius: 50%; background: #EEF4F2;
}.avatar-button div[data-v-qs8] { position: absolute; right: calc(-4 * var(--rpx)); bottom: calc(-4 * var(--rpx)); width: calc(46 * var(--rpx)); height: calc(46 * var(--rpx)); display: flex; align-items: center; justify-content: center; border: calc(4 * var(--rpx)) solid #F8F9FA; border-radius: 50%; color: #fff; background: var(--qs-color-brand, #10A398); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); font-weight: 700;
}.avatar-options[data-v-qs8] { display: flex; margin-top: calc(24 * var(--rpx));
}.avatar-option[data-v-qs8] { width: calc(54 * var(--rpx)); height: calc(54 * var(--rpx)); margin: 0 calc(9 * var(--rpx)); padding: calc(3 * var(--rpx)); border: calc(2 * var(--rpx)) solid transparent; border-radius: 50%;
}.avatar-option.active[data-v-qs8] { border-color: var(--qs-color-brand, #10A398);
}.avatar-option img[data-v-qs8] { width: calc(48 * var(--rpx)); height: calc(48 * var(--rpx)); border-radius: 50%;
}.settings-card[data-v-qs8] { margin-top: var(--qs-section-gap, calc(40 * var(--rpx))); padding: var(--qs-card-padding, calc(28 * var(--rpx))); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: #fff; box-shadow: 0 calc(18 * var(--rpx)) calc(44 * var(--rpx)) rgba(30,38,45,.045);
}.setting-label[data-v-qs8] { color: #292F35; font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 650;
}.setting-label span[data-v-qs8] { color: #EB635B;
}.name-input[data-v-qs8] { height: calc(76 * var(--rpx)); margin-top: calc(10 * var(--rpx)); color: #22282D; font-size: var(--qs-font-body, calc(28 * var(--rpx)));
}.divider[data-v-qs8] { height: calc(1 * var(--rpx)); margin: calc(10 * var(--rpx)) 0 calc(27 * var(--rpx)); background: #EEF0F2;
}.phone-row[data-v-qs8] { display: flex; align-items: center; justify-content: space-between;
}.phone-value[data-v-qs8] { margin-top: calc(10 * var(--rpx)); color: var(--qs-color-muted, #6F7A80); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); letter-spacing: calc(1 * var(--rpx));
}.phone-button[data-v-qs8] { height: calc(60 * var(--rpx)); margin: 0; padding: 0 calc(21 * var(--rpx)); border: 0; border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); color: var(--qs-color-brand-strong, #087F77); background: var(--qs-color-brand-soft, #EAF7F5); font-size: calc(22 * var(--rpx)); font-weight: 650; line-height: calc(60 * var(--rpx));
}.save-button[data-v-qs8] { width: 100%; height: calc(94 * var(--rpx)); margin-top: calc(38 * var(--rpx)); border: 0; border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); color: #fff; background: var(--qs-color-brand, #10A398); box-shadow: 0 calc(16 * var(--rpx)) calc(28 * var(--rpx)) rgba(24,166,155,.19); font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 650; line-height: calc(94 * var(--rpx));
}
.settings-card.region-card[data-v-qs8] { margin-top: calc(24 * var(--rpx));
}.setting-label .optional-label[data-v-qs8] { margin-left: calc(12 * var(--rpx)); color: #929BA3; font-size: var(--qs-font-meta, calc(22 * var(--rpx))); font-weight: 400;
}.region-row[data-v-qs8] { display: flex; align-items: center; justify-content: space-between; min-height: calc(86 * var(--rpx)); gap: calc(18 * var(--rpx));
}.region-value[data-v-qs8] { flex: 1; min-width: 0; color: #22282D; font-size: calc(28 * var(--rpx)); line-height: 1.5; word-break: break-all;
}.region-placeholder[data-v-qs8] { color: #929BA3;
}.region-arrow[data-v-qs8] { flex: none; width: calc(26 * var(--rpx)); height: calc(26 * var(--rpx));
}.region-help[data-v-qs8] { color: var(--qs-color-muted, #6F7A80); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.65;
}

/* pages/brand/brand */
.brand-page .display[data-v-qs9] { margin-top: calc(34 * var(--rpx));
}
.brand-page > .body[data-v-qs9] { margin-top: calc(14 * var(--rpx));
}
.brand-card[data-v-qs9] { display: flex; align-items: center; gap: calc(24 * var(--rpx)); margin-top: calc(32 * var(--rpx)); padding: var(--qs-card-padding, calc(28 * var(--rpx))); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: #FFFFFF;
}
.brand-logo[data-v-qs9] { width: calc(100 * var(--rpx)); height: calc(100 * var(--rpx)); display: flex; align-items: center; justify-content: center; border-radius: calc(26 * var(--rpx)); background: #20242A; color: #fff; text-align: center; font-size: calc(29 * var(--rpx)); line-height: 1; font-weight: 700;
}
.brand-name[data-v-qs9] { color: var(--qs-color-text, #20272B); font-size: var(--qs-font-title, calc(32 * var(--rpx))); font-weight: 650;
}
.brand-logo[data-v-qs9] { flex-shrink: 0;
}
.brand-heading[data-v-qs9], .rule-copy[data-v-qs9] { min-width: 0; flex: 1;
}
.rules-title[data-v-qs9] { margin-top: var(--qs-section-gap, calc(40 * var(--rpx))); color: var(--qs-color-subtle, #8B959A); font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}
.rules-card[data-v-qs9] { margin-top: calc(14 * var(--rpx)); overflow: hidden;
}
.rule[data-v-qs9] { display: flex; align-items: center; justify-content: space-between; min-height: calc(112 * var(--rpx)); padding: calc(20 * var(--rpx)) calc(24 * var(--rpx)); border-bottom: calc(2 * var(--rpx)) solid var(--qs-color-line, #E4EBE8);
}
.rule[data-v-qs9]:last-child { border: 0;
}
.rule-name[data-v-qs9] { color: var(--qs-color-text, #20272B); font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 600;
}
.rule-heading[data-v-qs9] { display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); margin-bottom: calc(10 * var(--rpx));
}
.rule-state[data-v-qs9] { flex-shrink: 0; color: var(--qs-color-subtle, #8B959A); font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}
.rule-state.is-filled[data-v-qs9] { color: var(--qs-color-brand-strong, #087F77);
}
.rule-preview[data-v-qs9] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere;
}
.rule .chevron-icon[data-v-qs9] { margin-left: calc(18 * var(--rpx)); flex-shrink: 0;
}
.how-card[data-v-qs9] { margin-top: calc(24 * var(--rpx)); padding: var(--qs-card-padding, calc(28 * var(--rpx))); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: var(--qs-color-brand-soft, #EAF7F5);
}
.how-card .body[data-v-qs9] { margin-top: calc(12 * var(--rpx)); color: #5F7472;
}
.how-card .caption[data-v-qs9] { margin-top: calc(18 * var(--rpx));
}
.brand-sheet[data-v-qs9] { position: absolute; right: 0; bottom: 0; left: 0; height: 74vh; box-sizing: border-box; display: flex; flex-direction: column; padding: calc(24 * var(--rpx)) var(--qs-page-gutter, calc(40 * var(--rpx))) calc(32 * var(--rpx)); border-radius: calc(40 * var(--rpx)) calc(40 * var(--rpx)) 0 0; background: #fff;
}
.form-heading[data-v-qs9] { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; margin-bottom: calc(12 * var(--rpx));
}
.form-close[data-v-qs9] { padding: calc(20 * var(--rpx)) calc(8 * var(--rpx)) calc(20 * var(--rpx)) calc(28 * var(--rpx)); font-size: var(--qs-font-body, calc(28 * var(--rpx))); color: #727980;
}
.brand-form-scroll[data-v-qs9] { flex: 1; min-height: 0; height: 0;
}
.form-fields[data-v-qs9] { padding-bottom: calc(24 * var(--rpx));
}
.form-hint[data-v-qs9] { color: var(--qs-color-muted, #6F7A80); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.65; margin-top: calc(16 * var(--rpx));
}
.required[data-v-qs9] { color: var(--qs-color-brand-strong, #087F77); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); margin-left: calc(8 * var(--rpx));
}
.form-label[data-v-qs9] { margin-top: calc(28 * var(--rpx)); color: var(--qs-color-muted, #6F7A80); font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}
.brand-input[data-v-qs9] { height: calc(88 * var(--rpx)); margin-top: calc(11 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); border: calc(2 * var(--rpx)) solid var(--qs-color-line, #E4EBE8); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: #F8F8F9; color: var(--qs-color-text, #20272B); font-size: var(--qs-font-body, calc(28 * var(--rpx)));
}
.address-hint[data-v-qs9] { margin-top: calc(14 * var(--rpx)); line-height: 1.6;
}
.brand-textarea[data-v-qs9] { width: 100%; height: calc(390 * var(--rpx)); box-sizing: border-box; margin-top: calc(20 * var(--rpx)); padding: calc(24 * var(--rpx)); border: calc(2 * var(--rpx)) solid var(--qs-color-line, #E4EBE8); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: #F8F8F9; color: var(--qs-color-text, #20272B); font-size: var(--qs-font-body, calc(28 * var(--rpx))); line-height: 1.75;
}
.field-count[data-v-qs9] { text-align: right; margin: calc(12 * var(--rpx)) 0 calc(20 * var(--rpx)); color: var(--qs-color-subtle, #8B959A); font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}
.form-footer[data-v-qs9] { flex-shrink: 0; padding-top: calc(20 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid var(--qs-color-line, #E4EBE8);
}
.form-save[data-v-qs9] { margin-top: 0;
}
.catalog-list[data-v-qs9] { padding-bottom: calc(24 * var(--rpx));
}
.catalog-empty[data-v-qs9] { margin: calc(36 * var(--rpx)) 0; padding: calc(44 * var(--rpx)) calc(28 * var(--rpx)); text-align: center; color: #56635F; background: #F5F9F8; border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); font-size: calc(28 * var(--rpx));
}
.catalog-empty .caption[data-v-qs9] { margin-top: calc(16 * var(--rpx)); line-height: 1.7;
}
.catalog-card[data-v-qs9] { margin-top: calc(24 * var(--rpx)); border: calc(2 * var(--rpx)) solid var(--qs-color-line, #E4EBE8); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); overflow: hidden; background: #fff;
}
.catalog-card-main[data-v-qs9] { padding: calc(26 * var(--rpx));
}
.catalog-name[data-v-qs9] { display: flex; justify-content: space-between; align-items: center; gap: calc(20 * var(--rpx)); font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 650; color: var(--qs-color-text, #20272B); overflow-wrap: anywhere;
}
.catalog-name .chevron-icon[data-v-qs9] { flex-shrink: 0;
}
.catalog-meta[data-v-qs9] { margin-top: calc(12 * var(--rpx)); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); color: var(--qs-color-brand-strong, #087F77);
}
.catalog-card .caption[data-v-qs9] { margin-top: calc(10 * var(--rpx)); line-height: 1.65; overflow-wrap: anywhere;
}
.catalog-actions[data-v-qs9] { display: flex; justify-content: space-between; border-top: calc(1 * var(--rpx)) solid #F0F3F2; padding: 0 calc(12 * var(--rpx));
}
.catalog-action[data-v-qs9] { padding: calc(22 * var(--rpx)) calc(16 * var(--rpx)); color: var(--qs-color-brand-strong, #087F77); font-size: calc(24 * var(--rpx)); min-width: calc(80 * var(--rpx)); text-align: center;
}
.catalog-remove[data-v-qs9] { color: #8C7772;
}
.entry-textarea[data-v-qs9] { height: calc(210 * var(--rpx));
}
.form-error[data-v-qs9] { color: #AF4E42; background: #FFF3F1; padding: calc(16 * var(--rpx)) calc(20 * var(--rpx)); margin-bottom: calc(16 * var(--rpx)); border-radius: calc(16 * var(--rpx)); font-size: calc(24 * var(--rpx)); line-height: 1.5;
}

/* pages/brand-ip/brand-ip */
.ip-page[data-v-qs10] { background: #F6F7F8;
}
.nav-side[data-v-qs10] { width: calc(120 * var(--rpx));
}
.ip-heading[data-v-qs10] { margin-top: calc(30 * var(--rpx)); font-size: var(--qs-font-title, calc(32 * var(--rpx))); line-height: 1.4; font-weight: 650; color: var(--qs-color-text, #20272B);
}
.ip-subtitle[data-v-qs10] { margin-top: calc(12 * var(--rpx)); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.6; color: var(--qs-color-muted, #6F7A80);
}
.upload-row[data-v-qs10] { display: flex; gap: calc(20 * var(--rpx)); margin: calc(30 * var(--rpx)) 0 calc(24 * var(--rpx));
}
.upload-row > div[data-v-qs10] { flex: 1; gap: calc(12 * var(--rpx)); font-size: var(--qs-font-body, calc(28 * var(--rpx)));
}
.upload-row img[data-v-qs10] { width: calc(34 * var(--rpx)); height: calc(34 * var(--rpx));
}
.company-link[data-v-qs10] { display: flex; align-items: center; gap: calc(12 * var(--rpx)); margin-bottom: calc(24 * var(--rpx)); padding: calc(20 * var(--rpx)) calc(24 * var(--rpx)); border-radius: calc(20 * var(--rpx)); background: var(--qs-color-brand-soft, #EAF7F5); color: var(--qs-color-brand-strong, #087F77); font-size: var(--qs-font-caption, calc(24 * var(--rpx)));
}
.company-link > span[data-v-qs10]:first-child { flex: 1;
}
.company-link img[data-v-qs10] { width: calc(26 * var(--rpx)); height: calc(26 * var(--rpx));
}
.ip-error[data-v-qs10] { padding: calc(24 * var(--rpx)); background: #FFF0EF; border-radius: calc(20 * var(--rpx)); color: #91554E; font-size: calc(24 * var(--rpx)); line-height: 1.5; margin-bottom: calc(24 * var(--rpx));
}
.retry[data-v-qs10] { margin-top: calc(14 * var(--rpx)); min-height: calc(64 * var(--rpx)); display: flex; align-items: center; color: var(--qs-color-brand-strong, #087F77);
}
.empty-state[data-v-qs10] { min-height: calc(300 * var(--rpx)); display: flex; align-items: center; justify-content: center; font-size: var(--qs-font-body, calc(28 * var(--rpx))); color: var(--qs-color-muted, #6F7A80);
}
.ip-grid[data-v-qs10] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: calc(18 * var(--rpx));
}
.ip-card[data-v-qs10] { min-width: 0; padding: calc(10 * var(--rpx)); background: #FFF; border: calc(2 * var(--rpx)) solid transparent; border-radius: calc(20 * var(--rpx));
}
.ip-card.selected[data-v-qs10] { border-color: #0C9F94; background: #F1FBF9;
}
.image-wrap[data-v-qs10] { height: calc(172 * var(--rpx)); overflow: hidden; border-radius: calc(14 * var(--rpx)); background: #F2F5F4;
}
.ip-image[data-v-qs10] { width: 100%; height: 100%;
}
.ip-name[data-v-qs10] { margin: calc(12 * var(--rpx)) 0 calc(4 * var(--rpx)); color: var(--qs-color-text, #20272B); font-size: calc(22 * var(--rpx)); line-height: calc(32 * var(--rpx)); min-height: calc(64 * var(--rpx)); overflow: hidden; word-break: break-all;
}
.select-action[data-v-qs10] { min-height: calc(64 * var(--rpx)); display: flex; align-items: center; justify-content: center; font-size: var(--qs-font-caption, calc(24 * var(--rpx))); color: #60706E;
}
.select-action.chosen[data-v-qs10] { color: var(--qs-color-brand-strong, #087F77); font-weight: 650;
}
.manage-row[data-v-qs10] { display: flex; font-size: var(--qs-font-caption, calc(24 * var(--rpx))); color: var(--qs-color-brand-strong, #087F77);
}
.manage-row > div[data-v-qs10] { flex: 1; min-height: calc(72 * var(--rpx)); display: flex; align-items: center; justify-content: center;
}
.manage-row .remove[data-v-qs10] { color: #92716D;
}
.ip-footer[data-v-qs10] { position: fixed; left: calc(calc(40 * var(--rpx)) + var(--safe-left,0px)); right: calc(calc(40 * var(--rpx)) + var(--safe-right,0px)); bottom: 0; z-index: 20; display: flex; align-items: center; gap: calc(24 * var(--rpx)); padding-top: calc(28 * var(--rpx)); background: linear-gradient(180deg,rgba(246,247,248,0),#F6F7F8 28%);
}
.ip-footer > span[data-v-qs10] { flex: 1; color: var(--qs-color-muted, #6F7A80); font-size: calc(24 * var(--rpx));
}
.ip-footer .primary-button[data-v-qs10] { width: calc(280 * var(--rpx)); font-size: var(--qs-font-body, calc(28 * var(--rpx)));
}
.disabled[data-v-qs10] { opacity: .5;
}
.editor-mask[data-v-qs10] { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: flex-end; background: rgba(16,30,29,.42);
}
.editor-sheet[data-v-qs10] { width: 100%; box-sizing: border-box; padding: calc(40 * var(--rpx)); border-radius: calc(28 * var(--rpx)) calc(28 * var(--rpx)) 0 0; background: #FFF;
}
.editor-title[data-v-qs10] { font-size: calc(30 * var(--rpx)); font-weight: 650; margin-bottom: calc(28 * var(--rpx));
}
.editor-input[data-v-qs10],.editor-description[data-v-qs10] { width: 100%; box-sizing: border-box; border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: #F2F5F4; color: var(--qs-color-text, #20272B); font-size: var(--qs-font-body, calc(28 * var(--rpx))); padding: calc(20 * var(--rpx));
}
.editor-input[data-v-qs10] { height: calc(84 * var(--rpx));
}
.editor-description[data-v-qs10] { height: calc(220 * var(--rpx)); margin-top: calc(20 * var(--rpx));
}
.editor-actions[data-v-qs10] { display: flex; gap: calc(24 * var(--rpx)); margin-top: calc(28 * var(--rpx));
}
.editor-actions > div[data-v-qs10] { flex: 1;
}
.preview-mask[data-v-qs10] { position: fixed; inset: 0; z-index: 1100; display: flex; align-items: center; justify-content: center; background: radial-gradient(ellipse at center,rgba(10,25,24,.76),rgba(10,25,24,.46));
}
.preview-image-wrap[data-v-qs10] { position: relative;
}
.preview-image[data-v-qs10] { width: 100%; height: 100%; display: block; border-radius: calc(16 * var(--rpx));
}
.preview-close[data-v-qs10] { position: absolute; top: calc(8 * var(--rpx)); right: calc(8 * var(--rpx)); width: calc(72 * var(--rpx)); height: calc(72 * var(--rpx)); border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.95);
}
.preview-close img[data-v-qs10] { width: calc(30 * var(--rpx)); height: calc(30 * var(--rpx));
}

/* pages/works/works */
.works-page .display[data-v-qs11] { margin-top: calc(34 * var(--rpx)); font-size: calc(40 * var(--rpx)); line-height: 1.26;
}
.filters[data-v-qs11] { display: flex; gap: calc(12 * var(--rpx)); margin-top: calc(28 * var(--rpx));
}
.filter[data-v-qs11] { padding: calc(13 * var(--rpx)) calc(23 * var(--rpx)); border-radius: calc(26 * var(--rpx)); background: #FFFFFF; color: var(--qs-color-muted, #6F7A80); font-size: calc(22 * var(--rpx));
}
.filter.active[data-v-qs11] { background: var(--qs-color-text, #20272B); color: #fff; font-weight: 600;
}
.work-card[data-v-qs11] { display: flex; align-items: center; margin-top: calc(20 * var(--rpx)); padding: var(--qs-card-padding, calc(28 * var(--rpx)));
}
.work-thumb[data-v-qs11] { position: relative; width: calc(126 * var(--rpx)); height: calc(168 * var(--rpx)); flex: none; display: flex; align-items: center; justify-content: center; border-radius: calc(20 * var(--rpx)); overflow: hidden; color: #fff; font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 700;
}
.work-image[data-v-qs11] { position: absolute; inset: 0; width: 100%; height: 100%;
}
.work-poster-mini[data-v-qs11] { position: relative; width: 100%; height: 100%; overflow: hidden; background: radial-gradient(circle at 78% 16%,#9BE1D8 0,transparent 30%),linear-gradient(155deg,#0E5960,#122733 68%,#0C1720);
}
.work-poster-scrim[data-v-qs11] { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg,rgba(6,19,27,.82),rgba(6,19,27,.42) 65%,rgba(6,19,27,.08));
}
.work-poster-brand[data-v-qs11],.work-poster-title[data-v-qs11],.work-poster-copy[data-v-qs11] { position: absolute; z-index: 2; left: calc(12 * var(--rpx)); right: calc(10 * var(--rpx));
}
.work-poster-brand[data-v-qs11] { top: calc(12 * var(--rpx)); color: rgba(255,255,255,.75); font-size: calc(10 * var(--rpx)); letter-spacing: calc(1 * var(--rpx));
}
.work-poster-title[data-v-qs11] { top: calc(48 * var(--rpx)); font-size: calc(17 * var(--rpx)); line-height: 1.16; font-weight: 750;
}
.work-poster-accent[data-v-qs11] { color: #78E4D2;
}
.work-poster-copy[data-v-qs11] { top: calc(94 * var(--rpx)); display: -webkit-box; overflow: hidden; color: rgba(255,255,255,.78); font-size: calc(9 * var(--rpx)); line-height: 1.35; font-weight: 400; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.work-info[data-v-qs11] { flex: 1; min-width: 0; padding: 0 calc(18 * var(--rpx));
}
.work-title[data-v-qs11] { display: -webkit-box; overflow: hidden; color: var(--qs-color-text, #20272B); font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 600; line-height: 1.38; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.saved[data-v-qs11] { display: inline-block; margin-top: calc(13 * var(--rpx)); padding: calc(8 * var(--rpx)) calc(14 * var(--rpx)); border-radius: calc(16 * var(--rpx)); background: var(--qs-color-brand-soft, #EAF7F5); color: var(--qs-color-brand-strong, #087F77); font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}
.work-more[data-v-qs11] { width: calc(72 * var(--rpx)); height: calc(72 * var(--rpx)); display: flex; align-items: center; justify-content: center;
}
.more-glyph[data-v-qs11] { width: calc(34 * var(--rpx)); height: calc(34 * var(--rpx));
}
.works-note[data-v-qs11] { margin: calc(30 * var(--rpx)) calc(4 * var(--rpx)) 0;
}
.empty-card[data-v-qs11] { margin-top: calc(34 * var(--rpx)); padding: calc(36 * var(--rpx)) var(--qs-card-padding, calc(28 * var(--rpx))); text-align: center;
}
.empty-card .body[data-v-qs11] { margin-top: calc(14 * var(--rpx));
}
.empty-action[data-v-qs11] { margin-top: calc(28 * var(--rpx));
}

/* pages/preferences/preferences */
.quota-card[data-v-qs12] { display: flex; align-items: center; justify-content: space-between; margin-top: calc(30 * var(--rpx)); padding: var(--qs-card-padding, calc(28 * var(--rpx))); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: var(--qs-color-text, #20272B); color: #fff;
}
.quota-card > div[data-v-qs12]:first-child { min-width: 0; flex: 1;
}
.quota-label[data-v-qs12],.quota-total[data-v-qs12] { color: #B8BCC2; font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}
.quota-number[data-v-qs12] { font-size: calc(48 * var(--rpx)); font-weight: 700;
}
.quota-state[data-v-qs12] { margin-top: calc(12 * var(--rpx)); color: #FFFFFF; font-size: calc(28 * var(--rpx)); font-weight: 600;
}
.quota-action[data-v-qs12] { flex: none; margin-left: calc(16 * var(--rpx)); padding: calc(13 * var(--rpx)) calc(18 * var(--rpx)); border-radius: calc(20 * var(--rpx)); background: var(--qs-color-brand, #10A398); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); font-weight: 600;
}
.preference-label[data-v-qs12] { margin: calc(40 * var(--rpx)) calc(4 * var(--rpx)) 0; color: var(--qs-color-subtle, #8B959A); font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}
.preference-card[data-v-qs12] { margin-top: calc(14 * var(--rpx)); overflow: hidden;
}
.preference-row[data-v-qs12] { min-height: calc(112 * var(--rpx)); display: flex; align-items: center; justify-content: space-between; padding: calc(20 * var(--rpx)) calc(24 * var(--rpx)); border-bottom: calc(2 * var(--rpx)) solid var(--qs-color-line, #E4EBE8);
}
.preference-row[data-v-qs12]:last-child { border: 0;
}
.row-title[data-v-qs12] { color: var(--qs-color-text, #20272B); font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 600;
}
.watermark-copy[data-v-qs12] { flex: 1; min-width: 0; padding-right: calc(16 * var(--rpx));
}
.watermark-row switch[data-v-qs12] { flex-shrink: 0;
}
.export-settings-error[data-v-qs12] { padding: calc(22 * var(--rpx)) calc(24 * var(--rpx)); color: #BC554C; font-size: calc(24 * var(--rpx));
}
.privacy[data-v-qs12] { margin: calc(28 * var(--rpx)) calc(4 * var(--rpx)) 0; color: var(--qs-color-subtle, #8B959A); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.5;
}
.creation-preferences-card[data-v-qs12] { padding: var(--qs-card-padding, calc(28 * var(--rpx)));
}
.creation-preference-group + .creation-preference-group[data-v-qs12] { margin-top: calc(28 * var(--rpx));
}
.creation-preference-options[data-v-qs12] { display: flex; flex-wrap: wrap; gap: calc(12 * var(--rpx)); margin-top: calc(16 * var(--rpx));
}
.creation-preference-option[data-v-qs12] { flex: 0 0 calc(50% - calc(6 * var(--rpx))); width: calc(50% - calc(6 * var(--rpx))); min-width: 0; box-sizing: border-box; margin: 0; padding: calc(16 * var(--rpx)) calc(20 * var(--rpx)); min-height: calc(88 * var(--rpx)); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: var(--qs-color-bg, #F6F7F8); color: var(--qs-color-muted, #717780); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.5; white-space: normal;
}
.creation-preference-option.selected[data-v-qs12] { background: var(--qs-color-brand-soft, #E6F7F4); color: var(--qs-color-brand-strong, #087F77);
}
.creation-preference-option[data-v-qs12]::after,.preferences-save[data-v-qs12]::after,.preferences-reload[data-v-qs12]::after { border: 0;
}
.vibration-row[data-v-qs12] { gap: calc(16 * var(--rpx)); padding: calc(28 * var(--rpx)) 0 calc(20 * var(--rpx));
}
.vibration-row > div[data-v-qs12] { min-width: 0; flex: 1;
}
.vibration-row switch[data-v-qs12] { flex: none;
}
.preferences-save[data-v-qs12],.preferences-reload[data-v-qs12] { margin-top: calc(24 * var(--rpx)); padding: calc(20 * var(--rpx)); min-height: calc(80 * var(--rpx)); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: var(--qs-color-brand, #10A398); color: #FFFFFF; font-size: var(--qs-font-body, calc(28 * var(--rpx))); line-height: 1.5;
}
.preferences-save[disabled][data-v-qs12] { background: #E6EBE9; color: #8A9490;
}
.creation-preference-note[data-v-qs12] { margin-top: calc(18 * var(--rpx));
}

/* pages/redemption/redemption */
.redemption-title[data-v-qs13] { margin-top: var(--qs-section-gap, calc(40 * var(--rpx))); font-size: var(--qs-font-display, calc(40 * var(--rpx)));
}
.redemption-card[data-v-qs13] { margin-top: calc(24 * var(--rpx)); padding: var(--qs-card-padding, calc(28 * var(--rpx))); border-radius: var(--qs-card-radius, calc(24 * var(--rpx)));
}
.redemption-card .body[data-v-qs13],.redemption-card .caption[data-v-qs13] { margin-top: calc(14 * var(--rpx));
}
.redemption-note[data-v-qs13],.redemption-footnote[data-v-qs13] { line-height: 1.6;
}
.redemption-input[data-v-qs13] { box-sizing: border-box; width: 100%; height: calc(96 * var(--rpx)); margin-top: calc(20 * var(--rpx)); padding: 0 calc(18 * var(--rpx)); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: var(--qs-color-bg, #F6F7F8); color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-caption, calc(24 * var(--rpx)));
}
.redemption-placeholder[data-v-qs13] { color: var(--qs-color-subtle, #92979E); font-size: calc(19 * var(--rpx));
}
.redemption-submit[data-v-qs13],.redemption-secondary[data-v-qs13] { width: 100%; min-height: calc(84 * var(--rpx)); margin-top: calc(24 * var(--rpx)); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); font-size: var(--qs-font-body, calc(28 * var(--rpx))); line-height: 1.5; padding: calc(20 * var(--rpx)) calc(18 * var(--rpx)); overflow-wrap: break-word;
}
.redemption-submit[data-v-qs13] { background: var(--qs-color-brand, #10A398); color: #FFFFFF;
}
.redemption-submit[disabled][data-v-qs13] { background: #DEE7E5; color: #7F8A88;
}
.redemption-secondary[data-v-qs13] { margin-top: calc(12 * var(--rpx)); background: var(--qs-color-bg, #F6F7F8); color: var(--qs-color-brand-strong, #087F77);
}
.redemption-submit[data-v-qs13]::after,.redemption-secondary[data-v-qs13]::after { border: 0;
}
.redemption-error[data-v-qs13],.redemption-notice[data-v-qs13],.redemption-success[data-v-qs13] { margin-top: calc(18 * var(--rpx)); padding: calc(18 * var(--rpx)) calc(20 * var(--rpx)); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.6; overflow-wrap: break-word;
}
.redemption-error[data-v-qs13] { background: #FFF0ED; color: #A74236;
}
.redemption-notice[data-v-qs13] { background: #FFF6E2; color: #80622B;
}
.redemption-success[data-v-qs13] { background: var(--qs-color-brand-soft, #E6F7F4); color: var(--qs-color-brand-strong, #087F77);
}
.redemption-footnote[data-v-qs13] { margin: calc(24 * var(--rpx)) calc(4 * var(--rpx)) 0;
}

/* pages/help/help */
.help-intro[data-v-qs14] { margin: calc(28 * var(--rpx)) 0 calc(32 * var(--rpx));
}
.help-intro .display[data-v-qs14] { font-size: calc(40 * var(--rpx));
}
.help-intro .body[data-v-qs14] { margin-top: calc(16 * var(--rpx));
}
.help-section[data-v-qs14], .help-note[data-v-qs14] { margin-top: calc(20 * var(--rpx)); padding: var(--qs-card-padding, calc(28 * var(--rpx)));
}
.help-content[data-v-qs14] { margin-top: calc(16 * var(--rpx)); color: var(--qs-color-muted, #6F7A80); font-size: var(--qs-font-body, calc(28 * var(--rpx))); line-height: 1.7; overflow-wrap: break-word;
}
.help-feedback[data-v-qs14] { margin-top: calc(32 * var(--rpx));
}

/* pages/feedback/feedback */
.feedback-intro[data-v-qs15] { margin: calc(28 * var(--rpx)) 0 calc(30 * var(--rpx));
}
.feedback-body[data-v-qs15] { margin-top: calc(14 * var(--rpx)); color: var(--qs-color-muted, #6F7A80); font-size: calc(28 * var(--rpx)); line-height: 1.65;
}
.feedback-form[data-v-qs15] { padding: var(--qs-card-padding, calc(28 * var(--rpx)));
}
.feedback-label[data-v-qs15] { color: var(--qs-color-text, #20272B); font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 600;
}
.feedback-categories[data-v-qs15] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(16 * var(--rpx)); margin: calc(20 * var(--rpx)) 0 calc(32 * var(--rpx));
}
.feedback-category[data-v-qs15] { min-width: 0; width: 100% !important; min-height: calc(80 * var(--rpx)); margin: 0; padding: calc(12 * var(--rpx)) calc(8 * var(--rpx)); display: flex; align-items: center; justify-content: center; border: calc(2 * var(--rpx)) solid var(--qs-color-line, #E4EBE8); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); color: var(--qs-color-muted, #6F7A80); background: #FFFFFF; font-size: var(--qs-font-body, calc(28 * var(--rpx))); line-height: 1.4;
}
.feedback-category.selected[data-v-qs15] { color: var(--qs-color-brand-strong, #087F77); border-color: #BFE5DE; background: var(--qs-color-brand-soft, #EAF7F5); font-weight: 600;
}
.feedback-input[data-v-qs15] { width: 100%; height: calc(280 * var(--rpx)); margin-top: calc(20 * var(--rpx)); padding: calc(22 * var(--rpx)); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: #F6F7F8; color: var(--qs-color-text, #20272B); font-size: calc(28 * var(--rpx)); line-height: 1.65;
}
.feedback-placeholder[data-v-qs15] { color: var(--qs-color-subtle, #8B959A);
}
.feedback-count[data-v-qs15] { margin-top: calc(12 * var(--rpx)); color: var(--qs-color-subtle, #8B959A); font-size: calc(22 * var(--rpx)); text-align: right;
}
.feedback-privacy[data-v-qs15] { margin: calc(20 * var(--rpx)) calc(4 * var(--rpx)); color: #7E858E; font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.65;
}
.feedback-error[data-v-qs15] { margin-top: calc(20 * var(--rpx)); color: #B44739; font-size: var(--qs-font-body, calc(28 * var(--rpx))); line-height: 1.5;
}
.feedback-action[data-v-qs15] { width: 100% !important; margin: calc(28 * var(--rpx)) 0 0; padding: calc(16 * var(--rpx)) calc(20 * var(--rpx)); line-height: 1.5;
}
.feedback-action.submitting[data-v-qs15] { color: #FFFFFF; background: #79C3BA;
}
.feedback-success[data-v-qs15] { margin-top: calc(36 * var(--rpx)); padding: calc(36 * var(--rpx)) calc(30 * var(--rpx)); text-align: center;
}
.feedback-success-icon[data-v-qs15] { width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx)); margin-bottom: calc(22 * var(--rpx));
}

/* pages/admin-users/admin-users */
.admin-page[data-v-qs16] { background: #F6F7F8;
}
.admin-title[data-v-qs16] { margin-top: calc(30 * var(--rpx)); font-size: calc(42 * var(--rpx));
}
.admin-intro[data-v-qs16] { margin-top: calc(14 * var(--rpx));
}
.search-card[data-v-qs16] { min-height: calc(92 * var(--rpx)); display: flex; align-items: center; gap: calc(16 * var(--rpx)); margin-top: calc(30 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); border-radius: calc(28 * var(--rpx)); background: #FFFFFF;
}
.search-icon[data-v-qs16] { width: calc(34 * var(--rpx)); height: calc(34 * var(--rpx)); opacity: .56; flex: none;
}
.search-input[data-v-qs16] { flex: 1; height: calc(92 * var(--rpx)); color: #20242A; font-size: calc(25 * var(--rpx));
}
.search-placeholder[data-v-qs16],.text-placeholder[data-v-qs16] { color: #A2A6AC;
}
.state-card[data-v-qs16] { margin-top: calc(24 * var(--rpx)); padding: calc(30 * var(--rpx));
}
.state-card .caption[data-v-qs16],.state-card .body[data-v-qs16] { margin-top: calc(10 * var(--rpx));
}
.error-card[data-v-qs16] { border-radius: calc(28 * var(--rpx)); background: #FFF1EF;
}
.retry[data-v-qs16] { width: calc(160 * var(--rpx)); min-height: calc(64 * var(--rpx)); display: flex; align-items: center; justify-content: center; margin-top: calc(24 * var(--rpx)); border-radius: calc(22 * var(--rpx)); background: #10A398; color: #FFFFFF; font-size: calc(24 * var(--rpx)); font-weight: 650;
}
.user-list[data-v-qs16] { margin-top: calc(24 * var(--rpx)); display: flex; flex-direction: column; gap: calc(14 * var(--rpx));
}
.user-card[data-v-qs16] { min-height: calc(116 * var(--rpx)); display: flex; align-items: center; gap: calc(20 * var(--rpx)); padding: calc(20 * var(--rpx)) calc(24 * var(--rpx));
}
.user-avatar[data-v-qs16] { width: calc(66 * var(--rpx)); height: calc(66 * var(--rpx)); display: flex; align-items: center; justify-content: center; flex: none; border-radius: 50%; background: #DDF4F1; color: #087C73; font-size: calc(27 * var(--rpx)); font-weight: 700;
}
.large-avatar[data-v-qs16] { width: calc(88 * var(--rpx)); height: calc(88 * var(--rpx)); font-size: calc(34 * var(--rpx));
}
.user-copy[data-v-qs16] { min-width: 0; flex: 1;
}
.user-line[data-v-qs16] { display: flex; align-items: center; gap: calc(12 * var(--rpx));
}
.user-name[data-v-qs16] { min-width: 0; overflow: hidden; color: #22262C; font-size: calc(28 * var(--rpx)); font-weight: 650; white-space: nowrap; text-overflow: ellipsis;
}
.tag[data-v-qs16] { flex: none; padding: calc(5 * var(--rpx)) calc(12 * var(--rpx)); border-radius: calc(16 * var(--rpx)); background: #F0F1F2; color: #777C84; font-size: calc(19 * var(--rpx));
}
.tag-colleague[data-v-qs16] { background: #E2F6F3; color: #087C73;
}
.tag-super[data-v-qs16] { background: #20242A; color: #FFFFFF;
}
.identity-card[data-v-qs16] { display: flex; align-items: center; gap: calc(22 * var(--rpx)); margin-top: calc(26 * var(--rpx)); padding: calc(28 * var(--rpx));
}
.form-label[data-v-qs16] { margin: calc(34 * var(--rpx)) calc(4 * var(--rpx)) calc(14 * var(--rpx)); color: #858A92; font-size: calc(22 * var(--rpx));
}
.compact-label[data-v-qs16] { margin-top: calc(28 * var(--rpx));
}
.segment-card[data-v-qs16] { display: grid; grid-template-columns: 1fr 1fr; gap: calc(8 * var(--rpx)); padding: calc(8 * var(--rpx));
}
.segment[data-v-qs16] { min-height: calc(74 * var(--rpx)); display: flex; align-items: center; justify-content: center; border-radius: calc(22 * var(--rpx)); color: #777C84; font-size: calc(25 * var(--rpx)); font-weight: 600;
}
.segment-active[data-v-qs16] { background: #DFF5F2; color: #087C73;
}
.notice-card[data-v-qs16] { margin-top: calc(24 * var(--rpx)); padding: calc(26 * var(--rpx)); border-radius: calc(26 * var(--rpx)); background: #EDF5F4; color: #5E6867; font-size: calc(24 * var(--rpx)); line-height: 1.55;
}
.locked-admin[data-v-qs16] { padding: calc(24 * var(--rpx)) calc(26 * var(--rpx)); background: #EEF7F6;
}
.locked-admin .caption[data-v-qs16] { margin-top: calc(8 * var(--rpx));
}
.inline-error[data-v-qs16] { margin-top: calc(18 * var(--rpx)); padding: calc(18 * var(--rpx)) calc(22 * var(--rpx)); border-radius: calc(20 * var(--rpx)); background: #FFF1EF; color: #B44740; font-size: calc(22 * var(--rpx));
}
.switch-row[data-v-qs16] { min-height: calc(110 * var(--rpx)); display: flex; align-items: center; justify-content: space-between; padding: calc(22 * var(--rpx)) calc(26 * var(--rpx));
}
.row-title[data-v-qs16] { color: #23272D; font-size: calc(27 * var(--rpx)); font-weight: 650;
}
.switch[data-v-qs16] { width: calc(84 * var(--rpx)); height: calc(48 * var(--rpx)); padding: calc(5 * var(--rpx)); border-radius: calc(24 * var(--rpx)); background: #DADDE1; transition: background-color 150ms ease;
}
.switch-knob[data-v-qs16] { width: calc(38 * var(--rpx)); height: calc(38 * var(--rpx)); border-radius: 50%; background: #FFFFFF; box-shadow: 0 calc(3 * var(--rpx)) calc(10 * var(--rpx)) rgba(0,0,0,.15); transform: translateX(0); transition: transform 150ms cubic-bezier(.2,.8,.2,1);
}
.switch-on[data-v-qs16] { background: #10A398;
}
.switch-on .switch-knob[data-v-qs16] { transform: translateX(calc(36 * var(--rpx)));
}
.preference-group[data-v-qs16] { margin-top: calc(30 * var(--rpx));
}
.group-title[data-v-qs16] { color: #30343A; font-size: calc(25 * var(--rpx)); font-weight: 650;
}
.option-grid[data-v-qs16] { display: flex; flex-wrap: wrap; gap: calc(12 * var(--rpx)); margin-top: calc(14 * var(--rpx));
}
.option-chip[data-v-qs16] { min-height: calc(62 * var(--rpx)); display: flex; align-items: center; justify-content: center; padding: 0 calc(22 * var(--rpx)); border: calc(2 * var(--rpx)) solid #E3E5E8; border-radius: calc(23 * var(--rpx)); background: #FFFFFF; color: #646A72; font-size: calc(22 * var(--rpx));
}
.option-active[data-v-qs16] { border-color: #9CDDD7; background: #E7F7F5; color: #087C73; font-weight: 650;
}
.text-area[data-v-qs16] { width: 100%; min-height: calc(190 * var(--rpx)); padding: calc(24 * var(--rpx)); border-radius: calc(26 * var(--rpx)); background: #FFFFFF; color: #25292F; font-size: calc(25 * var(--rpx)); line-height: 1.55;
}
.short-area[data-v-qs16] { min-height: calc(150 * var(--rpx));
}
.save-button[data-v-qs16] { margin-top: calc(36 * var(--rpx));
}
.button-disabled[data-v-qs16] { opacity: .58;
}
.privacy-note[data-v-qs16] { margin: calc(22 * var(--rpx)) calc(8 * var(--rpx)) 0; color: #92979E; font-size: calc(20 * var(--rpx)); line-height: 1.5; text-align: center;
}

/* pages/admin-redemptions/admin-redemptions */
.redemption-title[data-v-qs17] { margin-top: var(--qs-section-gap, calc(40 * var(--rpx))); font-size: var(--qs-font-display, calc(40 * var(--rpx)));
}
.redemption-card[data-v-qs17] { margin-top: calc(24 * var(--rpx)); padding: var(--qs-card-padding, calc(28 * var(--rpx))); border-radius: var(--qs-card-radius, calc(24 * var(--rpx)));
}
.redemption-card .body[data-v-qs17],.redemption-card .caption[data-v-qs17] { margin-top: calc(14 * var(--rpx));
}
.redemption-note[data-v-qs17],.redemption-footnote[data-v-qs17] { line-height: 1.6;
}
.redemption-input[data-v-qs17] { box-sizing: border-box; width: 100%; height: calc(96 * var(--rpx)); margin-top: calc(20 * var(--rpx)); padding: 0 calc(18 * var(--rpx)); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: var(--qs-color-bg, #F6F7F8); color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-caption, calc(24 * var(--rpx)));
}
.redemption-placeholder[data-v-qs17] { color: var(--qs-color-subtle, #92979E); font-size: calc(19 * var(--rpx));
}
.redemption-submit[data-v-qs17],.redemption-secondary[data-v-qs17] { width: 100%; min-height: calc(84 * var(--rpx)); margin-top: calc(24 * var(--rpx)); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); font-size: var(--qs-font-body, calc(28 * var(--rpx))); line-height: 1.5; padding: calc(20 * var(--rpx)) calc(18 * var(--rpx)); overflow-wrap: break-word;
}
.redemption-submit[data-v-qs17] { background: var(--qs-color-brand, #10A398); color: #FFFFFF;
}
.redemption-submit[disabled][data-v-qs17] { background: #DEE7E5; color: #7F8A88;
}
.redemption-secondary[data-v-qs17] { margin-top: calc(12 * var(--rpx)); background: var(--qs-color-bg, #F6F7F8); color: var(--qs-color-brand-strong, #087F77);
}
.redemption-submit[data-v-qs17]::after,.redemption-secondary[data-v-qs17]::after { border: 0;
}
.redemption-error[data-v-qs17],.redemption-notice[data-v-qs17],.redemption-success[data-v-qs17] { margin-top: calc(18 * var(--rpx)); padding: calc(18 * var(--rpx)) calc(20 * var(--rpx)); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.6; overflow-wrap: break-word;
}
.redemption-error[data-v-qs17] { background: #FFF0ED; color: #A74236;
}
.redemption-notice[data-v-qs17] { background: #FFF6E2; color: #80622B;
}
.redemption-success[data-v-qs17] { background: var(--qs-color-brand-soft, #E6F7F4); color: var(--qs-color-brand-strong, #087F77);
}
.redemption-footnote[data-v-qs17] { margin: calc(24 * var(--rpx)) calc(4 * var(--rpx)) 0;
}
.redemption-admin-title[data-v-qs17] { margin-top: var(--qs-section-gap, calc(40 * var(--rpx))); font-size: var(--qs-font-display, calc(40 * var(--rpx)));
}
.redemption-label[data-v-qs17] { margin-top: calc(28 * var(--rpx)); color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 600;
}
.redemption-options[data-v-qs17] { display: flex; flex-wrap: wrap; gap: calc(12 * var(--rpx)); margin-top: calc(16 * var(--rpx));
}
.redemption-chip[data-v-qs17] { min-width: calc(120 * var(--rpx)); min-height: calc(72 * var(--rpx)); margin: 0; padding: calc(16 * var(--rpx)) calc(22 * var(--rpx)); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: var(--qs-color-bg, #F6F7F8); color: var(--qs-color-muted, #717780); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.5;
}
.redemption-chip[data-v-qs17]::after,.redemption-refresh[data-v-qs17]::after { border: 0;
}
.redemption-chip.selected[data-v-qs17] { background: var(--qs-color-brand-soft, #E6F7F4); color: var(--qs-color-brand-strong, #087F77);
}
.redemption-expiry[data-v-qs17] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .65fr); gap: calc(14 * var(--rpx)); margin-top: calc(16 * var(--rpx));
}
.redemption-picker[data-v-qs17] { box-sizing: border-box; min-height: calc(84 * var(--rpx)); padding: calc(22 * var(--rpx)) calc(18 * var(--rpx)); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: var(--qs-color-bg, #F6F7F8); color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); overflow-wrap: break-word;
}
.generated-code[data-v-qs17] { margin-top: calc(24 * var(--rpx)); padding: calc(24 * var(--rpx)) calc(20 * var(--rpx)); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: var(--qs-color-brand-soft, #E6F7F4); color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-body, calc(28 * var(--rpx))); overflow-wrap: anywhere; word-break: break-all;
}
.redemption-list-head[data-v-qs17],.redemption-list-row[data-v-qs17] { display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx));
}
.redemption-list-row > span[data-v-qs17]:first-child { min-width: 0; flex: 1; overflow-wrap: break-word;
}
.redemption-refresh[data-v-qs17] { flex: none; min-height: calc(64 * var(--rpx)); margin: 0; padding: calc(12 * var(--rpx)) calc(18 * var(--rpx)); border-radius: var(--qs-control-radius, calc(20 * var(--rpx))); background: var(--qs-color-brand-soft, #E6F7F4); color: var(--qs-color-brand-strong, #087F77); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.5;
}
.redemption-list-item[data-v-qs17] { padding: calc(24 * var(--rpx)) 0; border-top: calc(2 * var(--rpx)) solid var(--qs-color-line, #E5EAE8); margin-top: calc(20 * var(--rpx)); font-size: var(--qs-font-body, calc(28 * var(--rpx)));
}
.redemption-tag[data-v-qs17] { flex: none; color: var(--qs-color-brand-strong, #087F77); font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}

/* pages/admin-inspirations/admin-inspirations */
.asset-admin[data-v-qs18] { background: #F6F7F8;
}
.list-head[data-v-qs18] { display: flex; gap: calc(18 * var(--rpx)); align-items: center; justify-content: space-between; margin-top: calc(30 * var(--rpx));
}
.list-head .caption[data-v-qs18] { margin-top: calc(10 * var(--rpx));
}
.add-button[data-v-qs18] { flex: none; min-height: calc(76 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); display: flex; align-items: center; border-radius: calc(24 * var(--rpx)); background: #10A398; color: #FFF; font-size: calc(25 * var(--rpx)); font-weight: 650;
}
.search-card[data-v-qs18] { display: flex; align-items: center; gap: calc(14 * var(--rpx)); margin-top: calc(28 * var(--rpx)); padding: 0 calc(22 * var(--rpx)); border-radius: calc(24 * var(--rpx)); background: #FFF;
}
.search-icon[data-v-qs18] { width: calc(32 * var(--rpx)); height: calc(32 * var(--rpx)); opacity: .5; flex: none;
}
.search-input[data-v-qs18] { min-width: 0; flex: 1; height: calc(88 * var(--rpx)); font-size: calc(25 * var(--rpx));
}
.chips[data-v-qs18] { display: flex; gap: calc(12 * var(--rpx)); margin-top: calc(18 * var(--rpx));
}
.chip[data-v-qs18] { display: flex; justify-content: center; align-items: center; flex: 1; min-height: calc(68 * var(--rpx)); padding: 0 calc(10 * var(--rpx)); border: calc(2 * var(--rpx)) solid #E4E7E8; border-radius: calc(24 * var(--rpx)); color: #697177; background: #FFF; font-size: calc(23 * var(--rpx));
}
.chip-active[data-v-qs18] { color: #087C73; border-color: #A4DCD6; background: #E7F5F3; font-weight: 650;
}
.asset-list[data-v-qs18] { display: flex; flex-direction: column; gap: calc(14 * var(--rpx)); margin-top: calc(24 * var(--rpx));
}
.asset-row[data-v-qs18] { display: flex; align-items: center; gap: calc(20 * var(--rpx)); padding: calc(20 * var(--rpx));
}
.asset-thumb[data-v-qs18] { width: calc(106 * var(--rpx)); height: calc(142 * var(--rpx)); border-radius: calc(12 * var(--rpx)); background: #F1F3F4; flex: none;
}
.asset-copy[data-v-qs18] { min-width: 0; flex: 1;
}
.asset-title[data-v-qs18] { color: #20262B; font-size: calc(27 * var(--rpx)); font-weight: 650; line-height: 1.4; word-break: break-all;
}
.asset-copy .caption[data-v-qs18] { margin-top: calc(8 * var(--rpx));
}
.badges[data-v-qs18] { display: flex; gap: calc(10 * var(--rpx)); align-items: center; margin-top: calc(12 * var(--rpx)); flex-wrap: wrap;
}
.badge[data-v-qs18] { color: #899096; background: #EEF0F2; border-radius: calc(10 * var(--rpx)); padding: calc(4 * var(--rpx)) calc(10 * var(--rpx)); font-size: calc(19 * var(--rpx));
}
.badge-on[data-v-qs18] { color: #087C73; background: #E5F6F2;
}
.badge-pin[data-v-qs18] { color: #AA7424; background: #FFF3D9;
}
.sort-number[data-v-qs18] { color: #92989D; font-size: calc(19 * var(--rpx));
}
.list-footer[data-v-qs18] { padding: calc(30 * var(--rpx)) 0; text-align: center; color: #92989D; font-size: calc(21 * var(--rpx));
}
.state-card[data-v-qs18] { margin-top: calc(24 * var(--rpx)); padding: calc(28 * var(--rpx));
}
.inline-error[data-v-qs18] { margin-top: calc(22 * var(--rpx)); padding: calc(22 * var(--rpx)); border-radius: calc(20 * var(--rpx)); background: #FFF0EC; color: #AD5145; font-size: calc(24 * var(--rpx)); line-height: 1.5;
}
.text-action[data-v-qs18] { display: inline-flex; margin-top: calc(8 * var(--rpx)); min-height: calc(64 * var(--rpx)); align-items: center; color: #087C73; font-weight: 650;
}
.editor-title[data-v-qs18] { margin-top: calc(28 * var(--rpx));
}
.upload-row[data-v-qs18] { display: flex; gap: calc(18 * var(--rpx)); align-items: center; padding: calc(20 * var(--rpx)); margin-top: calc(18 * var(--rpx));
}
.upload-thumb[data-v-qs18] { width: calc(100 * var(--rpx)); height: calc(132 * var(--rpx)); background: #EEF1F2; border-radius: calc(12 * var(--rpx)); flex: none;
}
.upload-copy[data-v-qs18] { min-width: 0; flex: 1;
}
.upload-copy input[data-v-qs18] { font-size: calc(26 * var(--rpx)); height: calc(70 * var(--rpx)); border-bottom: calc(1 * var(--rpx)) solid #ECEFF0;
}
.upload-copy .caption[data-v-qs18] { margin-top: calc(12 * var(--rpx));
}
.failed-copy[data-v-qs18] { color: #AD5145;
}
.remove-button[data-v-qs18] { width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx)); display: flex; justify-content: center; align-items: center; flex: none;
}
.remove-button img[data-v-qs18] { width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx));
}
.edit-image-wrap[data-v-qs18] { display: flex; flex-direction: column; align-items: center; gap: calc(12 * var(--rpx)); margin-top: calc(26 * var(--rpx));
}
.edit-image[data-v-qs18] { width: 100%; height: calc(360 * var(--rpx)); border-radius: calc(24 * var(--rpx)); background: #EBEEEF;
}
.form-label[data-v-qs18] { margin: calc(28 * var(--rpx)) calc(4 * var(--rpx)) calc(12 * var(--rpx)); color: #697177; font-size: calc(23 * var(--rpx));
}
.form-input[data-v-qs18] { box-sizing: border-box; width: 100%; height: calc(88 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); border-radius: calc(22 * var(--rpx)); background: #FFF; color: #252D31; font-size: calc(26 * var(--rpx));
}
.picker-input[data-v-qs18] { display: flex; align-items: center; justify-content: space-between;
}
.form-area[data-v-qs18] { box-sizing: border-box; width: 100%; height: calc(150 * var(--rpx)); padding: calc(22 * var(--rpx)) calc(24 * var(--rpx)); border-radius: calc(22 * var(--rpx)); background: #FFF; font-size: calc(25 * var(--rpx)); line-height: 1.5;
}
.guidance-area[data-v-qs18] { height: calc(200 * var(--rpx));
}
.field-note[data-v-qs18] { margin: calc(10 * var(--rpx)) calc(8 * var(--rpx)) 0; line-height: 1.5;
}
.segments[data-v-qs18] { display: grid; grid-template-columns: 1fr 1fr; gap: calc(8 * var(--rpx)); padding: calc(8 * var(--rpx));
}
.segment[data-v-qs18] { min-height: calc(74 * var(--rpx)); border-radius: calc(18 * var(--rpx)); display: flex; align-items: center; justify-content: center; font-size: calc(25 * var(--rpx)); color: #72797D;
}
.segment-active[data-v-qs18] { background: #E3F4F1; color: #087C73; font-weight: 650;
}
.scope-locked[data-v-qs18] { opacity: .75;
}
.switch-row[data-v-qs18] { display: flex; align-items: center; justify-content: space-between; gap: calc(14 * var(--rpx)); padding: calc(22 * var(--rpx)) calc(24 * var(--rpx)); margin-top: calc(20 * var(--rpx));
}
.row-title[data-v-qs18] { font-size: calc(26 * var(--rpx)); font-weight: 650; color: #252D31;
}
.switch-row .caption[data-v-qs18] { margin-top: calc(6 * var(--rpx));
}
.switch[data-v-qs18] { width: calc(84 * var(--rpx)); height: calc(48 * var(--rpx)); padding: calc(5 * var(--rpx)); border-radius: calc(24 * var(--rpx)); background: #DADDE1; flex: none; transition: background-color 150ms ease;
}
.switch-knob[data-v-qs18] { width: calc(38 * var(--rpx)); height: calc(38 * var(--rpx)); border-radius: 50%; background: #FFF; transform: translateX(0); transition: transform 150ms ease;
}
.switch-on[data-v-qs18] { background: #10A398;
}
.switch-on .switch-knob[data-v-qs18] { transform: translateX(calc(36 * var(--rpx)));
}
.save-summary[data-v-qs18] { margin-top: calc(26 * var(--rpx)); padding: calc(22 * var(--rpx)); border-radius: calc(20 * var(--rpx)); background: #E7F5F2; color: #087C73; font-size: calc(24 * var(--rpx)); line-height: 1.5;
}
.save-button[data-v-qs18] { margin-top: calc(30 * var(--rpx)); border: none;
}
.save-button[data-v-qs18]::after { border: none;
}
.button-disabled[data-v-qs18] { opacity: .6;
}
.empty-note[data-v-qs18] { margin: calc(24 * var(--rpx)) 0;
}
.asset-preview-mask[data-v-qs18] { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; background: radial-gradient(ellipse at center, rgba(15,24,30,.58), rgba(15,24,30,.82));
}
.asset-preview-content[data-v-qs18] { width: 84vw; display: flex; flex-direction: column; align-items: center; gap: calc(20 * var(--rpx)); color: #FFF; font-size: calc(24 * var(--rpx)); text-align: center;
}
.asset-preview-image[data-v-qs18] { width: 84vw; height: 72vh;
}
.preview-close[data-v-qs18] { position: absolute; bottom: 5vh; width: calc(80 * var(--rpx)); height: calc(80 * var(--rpx)); border-radius: 50%; background: rgba(255,255,255,.9); display: flex; align-items: center; justify-content: center;
}
.preview-close img[data-v-qs18] { width: calc(34 * var(--rpx)); height: calc(34 * var(--rpx));
}

/* pages/permission/permission */
.permission-page[data-v-qs19] { background: #FFFFFF;
}
.permission-hero[data-v-qs19] { margin-top: var(--qs-section-gap, calc(40 * var(--rpx))); padding: calc(48 * var(--rpx)) var(--qs-card-padding, calc(28 * var(--rpx))); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: var(--qs-color-bg, #F6F7F8); text-align: center;
}
.mic-icon[data-v-qs19] { width: calc(118 * var(--rpx)); height: calc(118 * var(--rpx)); display: flex; align-items: center; justify-content: center; margin: 0 auto calc(34 * var(--rpx)); border-radius: 50%; background: #10A398; box-shadow: 0 calc(14 * var(--rpx)) calc(30 * var(--rpx)) rgba(16,163,152,.2);
}
.permission-mic-glyph[data-v-qs19] { width: calc(52 * var(--rpx)); height: calc(52 * var(--rpx));
}
.permission-hero .body[data-v-qs19] { margin-top: calc(16 * var(--rpx));
}
.why[data-v-qs19] { margin-top: calc(62 * var(--rpx));
}
.why + .body[data-v-qs19] { margin-top: calc(14 * var(--rpx));
}
.allow[data-v-qs19] { margin-top: calc(64 * var(--rpx));
}
.type-link[data-v-qs19] { margin-top: calc(32 * var(--rpx)); color: #0B9288; text-align: center; font-size: calc(27 * var(--rpx)); font-weight: 600;
}
.permission-foot[data-v-qs19] { margin-top: calc(48 * var(--rpx)); text-align: center;
}

/* pages/status/status */
.failure-card[data-v-qs20] { margin-top: var(--qs-section-gap, calc(40 * var(--rpx))); padding: var(--qs-card-padding, calc(28 * var(--rpx))); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: #FFF1EF;
}
.error-icon[data-v-qs20] { width: calc(68 * var(--rpx)); height: calc(68 * var(--rpx)); display: flex; align-items: center; justify-content: center; margin-bottom: calc(26 * var(--rpx)); border-radius: 50%; background: #E75A4E; color: #fff; font-size: calc(42 * var(--rpx)); font-weight: 700;
}
.failure-card .body[data-v-qs20] { margin-top: calc(13 * var(--rpx));
}
.status-heading[data-v-qs20] { margin-top: calc(52 * var(--rpx));
}
.tip-card[data-v-qs20] { margin-top: calc(24 * var(--rpx)); padding: var(--qs-card-padding, calc(28 * var(--rpx)));
}
.tip-title[data-v-qs20] { margin-top: calc(22 * var(--rpx)); color: #292D33; font-size: calc(27 * var(--rpx)); font-weight: 600;
}
.tip-title[data-v-qs20]:first-child { margin-top: 0;
}
.action[data-v-qs20] { margin-top: calc(50 * var(--rpx));
}
.secondary-link[data-v-qs20] { margin-top: calc(30 * var(--rpx)); color: #0B9288; text-align: center; font-size: calc(27 * var(--rpx)); font-weight: 600;
}
.quota-caption[data-v-qs20] { margin-top: calc(44 * var(--rpx));
}
.quota-display[data-v-qs20] { margin-top: calc(12 * var(--rpx));
}
.quota-display + .body[data-v-qs20] { margin-top: calc(14 * var(--rpx));
}
.quota-state-card[data-v-qs20] { margin-top: var(--qs-section-gap, calc(40 * var(--rpx))); padding: var(--qs-card-padding, calc(28 * var(--rpx)));
}
.quota-state-card .body[data-v-qs20] { margin-top: calc(14 * var(--rpx));
}
.compact-action[data-v-qs20] { margin-top: calc(28 * var(--rpx));
}

/* components/primary-navigation/primary-navigation */
.tap-target[data-v-qs21] { transform: translateZ(0) scale(1); opacity: 1; transition: transform 120ms cubic-bezier(.2,.8,.2,1), opacity 120ms ease, background-color 120ms ease;
}
.tap-target-pressed[data-v-qs21] { transform: translateZ(0) scale(.975); opacity: .82;
}
.tap-icon[data-v-qs21] { transform: translateZ(0) scale(1); opacity: 1; transition: transform 110ms cubic-bezier(.2,.8,.2,1), opacity 110ms ease;
}
.tap-icon-pressed[data-v-qs21] { transform: translateZ(0) scale(.9); opacity: .72;
}
.primary-shell[data-v-qs21] { width: 100%; height: calc(92 * var(--rpx)); padding: 0 calc(var(--qs-page-gutter, calc(40 * var(--rpx))) + var(--safe-right, 0px)) 0 calc(var(--qs-page-gutter, calc(40 * var(--rpx))) + var(--safe-left, 0px)); border-bottom: calc(1 * var(--rpx)) solid var(--qs-color-line, #E5EAE8); background: rgba(255,255,255,.97);
}
.brand-row[data-v-qs21] { height: calc(92 * var(--rpx)); display: grid; grid-template-columns: calc(92 * var(--rpx)) 1fr calc(92 * var(--rpx)); align-items: center;
}
.profile-entry[data-v-qs21] { width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx)); display: flex; align-items: center; justify-content: center; border-radius: 50%;
}
.avatar-image[data-v-qs21] { display: block; width: calc(58 * var(--rpx)); height: calc(58 * var(--rpx)); border-radius: 50%; background: #EEF4F2;
}
.brand-title[data-v-qs21] { display: flex; align-items: center; justify-content: center; gap: calc(8 * var(--rpx)); color: var(--qs-color-text, #171A1F); font-size: calc(30 * var(--rpx)); font-weight: 650;
}
.brand-logo[data-v-qs21] { width: calc(31 * var(--rpx)); height: calc(31 * var(--rpx));
}
.brand-spacer[data-v-qs21] { width: calc(92 * var(--rpx));
}
.primary-tabs[data-v-qs21] { position: fixed; z-index: 24; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(3, 1fr); box-sizing: border-box; border-top: calc(2 * var(--rpx)) solid #ECEEEF; background: rgba(255,255,255,.985); box-shadow: 0 calc(-8 * var(--rpx)) calc(26 * var(--rpx)) rgba(26,39,45,.06);
}
.primary-tab[data-v-qs21] { min-width: 0; height: calc(112 * var(--rpx)); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(6 * var(--rpx)); color: #8A9096; font-size: var(--qs-font-meta, calc(22 * var(--rpx))); font-weight: 500;
}
.primary-tab-icon[data-v-qs21] { width: calc(35 * var(--rpx)); height: calc(35 * var(--rpx));
}
.primary-tab-active[data-v-qs21] { color: #087F77; font-weight: 680;
}

/* components/profile-drawer/profile-drawer */
.tap-card[data-v-qs22] { transform: translateZ(0) scale(1); opacity: 1; transition: transform 140ms cubic-bezier(.2,.8,.2,1), opacity 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}
.tap-card-pressed[data-v-qs22] { transform: translateZ(0) scale(.988); opacity: .9;
}
.tap-icon[data-v-qs22] { transform: translateZ(0) scale(1); opacity: 1; transition: transform 110ms cubic-bezier(.2,.8,.2,1), opacity 110ms ease, background-color 110ms ease;
}
.tap-icon-pressed[data-v-qs22] { transform: translateZ(0) scale(.9); opacity: .72;
}
.profile-overlay[data-v-qs22] { position: fixed; inset: 0; z-index: 80; box-sizing: border-box; background: rgba(18,20,24,0); opacity: 0; transition: background-color 260ms ease, opacity 260ms ease; pointer-events: none;
}
.profile-overlay-open[data-v-qs22] { background: rgba(18,20,24,.38); opacity: 1; pointer-events: auto;
}
.profile-drawer[data-v-qs22] { position: relative; width: calc(100% - calc(126 * var(--rpx)) - var(--safe-right, 0px)); height: 100vh; min-height: 0; display: flex; flex-direction: column; box-sizing: border-box; padding-left: calc(var(--qs-page-gutter, calc(40 * var(--rpx))) + var(--safe-left, 0px)); padding-right: var(--qs-page-gutter, calc(40 * var(--rpx))); overflow: hidden; border-radius: 0 calc(24 * var(--rpx)) calc(24 * var(--rpx)) 0; background: var(--qs-color-bg, #F6F7F8); box-shadow: calc(18 * var(--rpx)) 0 calc(52 * var(--rpx)) rgba(18,20,24,.15); transform: translate3d(-100%,0,0); transition: transform 280ms cubic-bezier(.22,.8,.24,1);
}
.profile-overlay-open .profile-drawer[data-v-qs22] { transform: translate3d(0,0,0);
}
.drawer-head[data-v-qs22] { min-height: calc(82 * var(--rpx)); flex: none; display: flex; align-items: center; justify-content: space-between;
}
.drawer-scroll[data-v-qs22] { width: 100%; height: 0; min-height: 0; flex: 1;
}
.drawer-brand[data-v-qs22] { display: flex; align-items: center; gap: calc(9 * var(--rpx)); color: #1B1F24; font-size: calc(34 * var(--rpx)); font-weight: 700;
}
.drawer-logo[data-v-qs22] { width: calc(35 * var(--rpx)); height: calc(35 * var(--rpx)); flex: none;
}
.drawer-subtitle[data-v-qs22] { margin-top: calc(4 * var(--rpx)); color: var(--qs-color-muted, #717780); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); line-height: 1.5;
}
.close[data-v-qs22] { width: calc(68 * var(--rpx)); height: calc(68 * var(--rpx)); display: flex; align-items: center; justify-content: center; margin-left: auto;
}
.close-glyph[data-v-qs22] { width: calc(31 * var(--rpx)); height: calc(31 * var(--rpx));
}
.profile-summary[data-v-qs22] { display: flex; align-items: center; margin-top: calc(32 * var(--rpx)); padding: var(--qs-card-padding, calc(28 * var(--rpx))) calc(24 * var(--rpx)); border-radius: var(--qs-card-radius, calc(24 * var(--rpx))); background: var(--qs-color-surface, #FFFFFF);
}
.avatar[data-v-qs22] { width: calc(78 * var(--rpx)); height: calc(78 * var(--rpx)); display: flex; align-items: center; justify-content: center; margin-right: calc(20 * var(--rpx)); border-radius: 50%; background: #20242A; color: #fff; font-size: calc(29 * var(--rpx)); font-weight: 650;
}
.avatar-image[data-v-qs22] { display: block; object-fit: cover; background: #EEF4F2;
}
.profile-copy[data-v-qs22],.menu-copy[data-v-qs22] { flex: 1; min-width: 0;
}
.profile-name[data-v-qs22] { color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-title, calc(32 * var(--rpx))); font-weight: 650; overflow-wrap: break-word;
}
.caption[data-v-qs22] { margin-top: calc(4 * var(--rpx)); color: var(--qs-color-muted, #717780); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.5; overflow-wrap: break-word;
}
.drawer-section-label[data-v-qs22] { margin: calc(32 * var(--rpx)) 0 calc(16 * var(--rpx)); color: var(--qs-color-muted, #717780); font-size: var(--qs-font-meta, calc(22 * var(--rpx)));
}
.new-creation-card[data-v-qs22],.memory-card[data-v-qs22],.menu-card[data-v-qs22] { min-height: calc(112 * var(--rpx)); display: flex; align-items: center; margin-top: calc(2 * var(--rpx)); padding: calc(20 * var(--rpx)) calc(24 * var(--rpx)); background: var(--qs-color-surface, #FFFFFF);
}
.new-creation-card[data-v-qs22] { border-radius: calc(24 * var(--rpx)) calc(24 * var(--rpx)) calc(8 * var(--rpx)) calc(8 * var(--rpx));
}
.memory-card[data-v-qs22] { border-radius: calc(8 * var(--rpx));
}
.menu-card[data-v-qs22]:last-of-type { border-radius: calc(8 * var(--rpx)) calc(8 * var(--rpx)) calc(24 * var(--rpx)) calc(24 * var(--rpx));
}
.menu-icon[data-v-qs22] { width: calc(58 * var(--rpx)); height: calc(58 * var(--rpx)); flex: none; display: flex; align-items: center; justify-content: center; margin-right: calc(18 * var(--rpx)); border-radius: calc(18 * var(--rpx)); background: #F1F5F4;
}
.new-creation-icon[data-v-qs22] { background: #EAF7F5;
}
.menu-icon-glyph[data-v-qs22] { width: calc(32 * var(--rpx)); height: calc(32 * var(--rpx));
}
.memory-icon[data-v-qs22] { background: #EAF7F5;
}
.menu-name[data-v-qs22] { color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 600; line-height: 1.4;
}
.chevron-icon[data-v-qs22] { width: calc(27 * var(--rpx)); height: calc(27 * var(--rpx)); margin-left: calc(12 * var(--rpx)); opacity: .52;
}
.drawer-scroll-tail[data-v-qs22] { height: calc(18 * var(--rpx));
}
.profile-footer[data-v-qs22] { flex: none; display: flex; align-items: flex-start; margin-top: calc(24 * var(--rpx)); color: var(--qs-color-muted, #717780); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); line-height: 1.5;
}
.footer-dot[data-v-qs22] { width: calc(12 * var(--rpx)); height: calc(12 * var(--rpx)); flex: none; margin: calc(7 * var(--rpx)) calc(12 * var(--rpx)) 0 0; border-radius: 50%; background: #10A398;
}

/* components/creation-composer/creation-composer */
.tap-target[data-v-qs23] { transform: translateZ(0) scale(1); opacity: 1; transition: transform 120ms cubic-bezier(.2,.8,.2,1), opacity 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}
.tap-target-pressed[data-v-qs23] { transform: translateZ(0) scale(.975); opacity: .82;
}
.tap-card[data-v-qs23] { transform: translateZ(0) scale(1); opacity: 1; transition: transform 140ms cubic-bezier(.2,.8,.2,1), opacity 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}
.tap-card-pressed[data-v-qs23] { transform: translateZ(0) scale(.988); opacity: .9;
}
.tap-icon[data-v-qs23] { transform: translateZ(0) scale(1); opacity: 1; transition: transform 110ms cubic-bezier(.2,.8,.2,1), opacity 110ms ease, background-color 110ms ease;
}
.tap-icon-pressed[data-v-qs23] { transform: translateZ(0) scale(.9); opacity: .72;
}
.attachment-strip[data-v-qs23] { position: fixed; left: calc(calc(34 * var(--rpx)) + var(--safe-left, 0px)); right: calc(calc(34 * var(--rpx)) + var(--safe-right, 0px)); z-index: 12; display: flex; gap: calc(10 * var(--rpx)); overflow-x: auto;
}
.attachment-chip[data-v-qs23] { min-height: calc(52 * var(--rpx)); flex: none; display: flex; align-items: center; gap: calc(4 * var(--rpx)); box-sizing: border-box; padding: 0 calc(2 * var(--rpx)) 0 calc(16 * var(--rpx)); border-radius: calc(18 * var(--rpx)); background: #E7F6F3; color: #087C73; font-size: calc(19 * var(--rpx));
}
.attachment-reference[data-v-qs23] { position: relative; width: calc(96 * var(--rpx)); height: calc(96 * var(--rpx)); flex: none; box-sizing: border-box; overflow: hidden; border: calc(2 * var(--rpx)) solid #CFE9E5; border-radius: calc(18 * var(--rpx)); background: #E6ECEB;
}
.attachment-thumbnail[data-v-qs23] { display: block; width: 100%; height: 100%;
}
.attachment-remove[data-v-qs23] { width: calc(38 * var(--rpx)); height: calc(52 * var(--rpx)); flex: none; display: flex; align-items: center; justify-content: center; border-radius: calc(15 * var(--rpx));
}
.attachment-reference-remove[data-v-qs23] { position: absolute; top: 0; right: 0; width: calc(48 * var(--rpx)); height: calc(48 * var(--rpx)); box-sizing: border-box; align-items: flex-start; justify-content: flex-end; padding: calc(4 * var(--rpx)); border-radius: 0;
}
.attachment-remove-icon[data-v-qs23] { width: calc(23 * var(--rpx)); height: calc(23 * var(--rpx)); opacity: .66;
}
.attachment-reference-remove .attachment-remove-icon[data-v-qs23] { width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx)); box-sizing: border-box; padding: calc(4 * var(--rpx)); border-radius: 50%; background: rgba(255,255,255,.92); opacity: 1;
}
.attachment-preview-mask[data-v-qs23] { position: fixed; inset: 0; z-index: 320; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: calc(var(--preview-top, 0px) + calc(32 * var(--rpx))) calc(calc(48 * var(--rpx)) + var(--preview-right, 0px)) calc(var(--preview-bottom, 0px) + calc(44 * var(--rpx))) calc(calc(48 * var(--rpx)) + var(--preview-left, 0px)); background: radial-gradient(ellipse at center,rgba(18,24,28,.40) 0%,rgba(15,20,24,.61) 58%,rgba(10,14,18,.76) 100%);
}
.attachment-preview-card[data-v-qs23] { position: relative; flex: none; overflow: visible;
}
.attachment-preview-image[data-v-qs23] { width: 100%; height: 100%; border-radius: calc(30 * var(--rpx));
}
.attachment-preview-close[data-v-qs23] { position: absolute; top: calc(-22 * var(--rpx)); right: calc(-22 * var(--rpx)); width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx)); display: flex; align-items: center; justify-content: center; border: calc(2 * var(--rpx)) solid rgba(255,255,255,.62); border-radius: 50%; background: rgba(255,255,255,.9); box-shadow: 0 calc(8 * var(--rpx)) calc(24 * var(--rpx)) rgba(8,13,17,.2);
}
.attachment-preview-close-icon[data-v-qs23] { width: calc(30 * var(--rpx)); height: calc(30 * var(--rpx));
}
.attachment-mask[data-v-qs23] { position: fixed; inset: 0; z-index: 18; background: rgba(18,20,24,.18);
}
.attachment-sheet[data-v-qs23] { position: fixed; left: calc(calc(24 * var(--rpx)) + var(--safe-left, 0px)); right: calc(calc(24 * var(--rpx)) + var(--safe-right, 0px)); z-index: 20; padding: calc(18 * var(--rpx)) calc(24 * var(--rpx)) calc(28 * var(--rpx)); border: 0; border-radius: calc(32 * var(--rpx)); background: #fff; box-shadow: 0 calc(18 * var(--rpx)) calc(54 * var(--rpx)) rgba(20,28,36,.16);
}
.attachment-handle[data-v-qs23] { width: calc(58 * var(--rpx)); height: calc(7 * var(--rpx)); margin: 0 auto calc(17 * var(--rpx)); border-radius: calc(4 * var(--rpx)); background: #E1E3E6;
}
.attachment-title[data-v-qs23] { margin-bottom: calc(24 * var(--rpx)); color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-body, calc(28 * var(--rpx))); font-weight: 650; text-align: center;
}
.attachment-options[data-v-qs23] { display: flex; justify-content: space-around;
}
.attachment-option[data-v-qs23] { width: 30%; color: var(--qs-color-text, #171A1F); font-size: var(--qs-font-caption, calc(24 * var(--rpx))); line-height: 1.5; text-align: center;
}
.option-icon[data-v-qs23] { width: calc(72 * var(--rpx)); height: calc(72 * var(--rpx)); display: flex; align-items: center; justify-content: center; margin: 0 auto calc(12 * var(--rpx)); border-radius: calc(22 * var(--rpx)); background: #F1F6F5; color: #087C73; font-size: calc(22 * var(--rpx)); font-weight: 700;
}
.attachment-glyph[data-v-qs23] { width: calc(38 * var(--rpx)); height: calc(38 * var(--rpx));
}
.quick-guidance[data-v-qs23] { position: fixed; left: calc(calc(24 * var(--rpx)) + var(--safe-left, 0px)); right: calc(calc(24 * var(--rpx)) + var(--safe-right, 0px)); z-index: 27; display: flex; align-items: center; gap: calc(12 * var(--rpx)); min-height: calc(72 * var(--rpx));
}
.composer-backdrop[data-v-qs23] { position: fixed; z-index: 10; left: 0; right: 0; pointer-events: none; background: linear-gradient(180deg,rgba(255,255,255,0) 0,#fff calc(40 * var(--rpx)),#fff 100%);
}
.quick-mode-wrap[data-v-qs23] { position: relative; z-index: 2; flex: none;
}
.quick-mode[data-v-qs23] { height: calc(72 * var(--rpx)); display: flex; align-items: center; gap: calc(9 * var(--rpx)); box-sizing: border-box; padding: 0 calc(22 * var(--rpx)) 0 calc(18 * var(--rpx)); border: calc(2 * var(--rpx)) solid #CFE9E5; border-radius: calc(37 * var(--rpx)); background: #F1FAF8; color: #087C73; font-size: calc(24 * var(--rpx)); font-weight: 650; white-space: nowrap;
}
.quick-mode-icon[data-v-qs23] { width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx));
}
.quick-expand-icon[data-v-qs23] { width: calc(25 * var(--rpx)); height: calc(25 * var(--rpx)); margin-left: calc(2 * var(--rpx)); color: #4A9C95; transform: rotate(180deg);
}
.quick-expand-icon-open[data-v-qs23] { transform: rotate(0deg);
}
.creation-menu[data-v-qs23] { position: absolute; left: 0; bottom: calc(84 * var(--rpx)); width: calc(276 * var(--rpx)); padding: calc(10 * var(--rpx)); border: 0; border-radius: calc(22 * var(--rpx)); background: rgba(255,255,255,.99); box-shadow: 0 calc(14 * var(--rpx)) calc(38 * var(--rpx)) rgba(25,37,43,.16);
}
.creation-option[data-v-qs23] { display: flex; align-items: center; gap: calc(13 * var(--rpx)); min-height: calc(78 * var(--rpx)); box-sizing: border-box; padding: calc(12 * var(--rpx)); border-radius: calc(15 * var(--rpx)); color: #30363C;
}
.creation-option.selected[data-v-qs23] { background: #F0F9F7; color: #087C73;
}
.creation-option-icon[data-v-qs23] { width: calc(31 * var(--rpx)); height: calc(31 * var(--rpx)); flex: none;
}
.creation-option-title[data-v-qs23] { font-size: var(--qs-font-caption, calc(24 * var(--rpx))); font-weight: 650; line-height: 1.4;
}
.creation-option-note[data-v-qs23] { margin-top: calc(4 * var(--rpx)); color: var(--qs-color-muted, #717780); font-size: var(--qs-font-meta, calc(22 * var(--rpx))); line-height: 1.4;
}
.quick-actions[data-v-qs23] { position: relative; z-index: 1; flex: 1; min-width: 0; white-space: nowrap;
}
.quick-actions-inner[data-v-qs23] { display: inline-flex; align-items: center; gap: calc(12 * var(--rpx)); min-height: calc(72 * var(--rpx)); padding-right: calc(8 * var(--rpx));
}
.quick-action[data-v-qs23] { display: inline-flex; align-items: center; height: calc(72 * var(--rpx)); box-sizing: border-box; padding: 0 calc(22 * var(--rpx)); border: calc(2 * var(--rpx)) solid #E5E8EA; border-radius: calc(37 * var(--rpx)); background: rgba(255,255,255,.96); color: #59616A; font-size: calc(24 * var(--rpx)); white-space: nowrap;
}
.quick-action-selected[data-v-qs23] { border-color: #0DA99B; background: #EAF8F5; color: #087C73; font-weight: 650;
}
.composer[data-v-qs23] { position: fixed; right: calc(calc(24 * var(--rpx)) + var(--safe-right, 0px)); bottom: var(--composer-bottom); left: calc(calc(24 * var(--rpx)) + var(--safe-left, 0px)); z-index: 30; min-height: calc(96 * var(--rpx)); display: flex; align-items: center; gap: calc(8 * var(--rpx)); box-sizing: border-box; padding: calc(12 * var(--rpx)) calc(14 * var(--rpx)); border: 0; border-radius: calc(34 * var(--rpx)); background: rgba(255,255,255,.985); box-shadow: 0 calc(10 * var(--rpx)) calc(34 * var(--rpx)) rgba(20,28,36,.14);
}
.composer-icon[data-v-qs23] { width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx)); flex: none; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #252A30; font-size: calc(31 * var(--rpx)); font-weight: 600;
}
.composer-glyph[data-v-qs23] { width: calc(39 * var(--rpx)); height: calc(39 * var(--rpx));
}
.voice-trigger[data-v-qs23] { flex: 1; min-width: 0; height: calc(64 * var(--rpx)); line-height: calc(64 * var(--rpx)); padding: 0 calc(18 * var(--rpx)); border-radius: calc(22 * var(--rpx)); background: transparent; color: #20242A; font-size: calc(28 * var(--rpx)); font-weight: 600; text-align: center;
}
.voice-trigger.recording[data-v-qs23] { background: #E8F7F5; color: #087C73;
}
.voice-live-popover[data-v-qs23] { position: fixed; left: calc(calc(42 * var(--rpx)) + var(--safe-left, 0px)); right: calc(calc(42 * var(--rpx)) + var(--safe-right, 0px)); z-index: 60; box-sizing: border-box; padding: calc(24 * var(--rpx)) calc(28 * var(--rpx)) calc(22 * var(--rpx)); border-radius: calc(28 * var(--rpx)); background: rgba(30,38,43,.94); box-shadow: 0 calc(18 * var(--rpx)) calc(52 * var(--rpx)) rgba(14,20,25,.24); color: #fff; pointer-events: none;
}
.voice-live-status[data-v-qs23] { display: flex; align-items: center; gap: calc(10 * var(--rpx)); color: #9BE8E0; font-size: calc(21 * var(--rpx)); font-weight: 650;
}
.voice-live-dot[data-v-qs23] { width: calc(12 * var(--rpx)); height: calc(12 * var(--rpx)); border-radius: 50%; background: #31D2C4; box-shadow: 0 0 0 calc(7 * var(--rpx)) rgba(49,210,196,.14);
}
.voice-live-text[data-v-qs23] { min-height: calc(46 * var(--rpx)); margin-top: calc(14 * var(--rpx)); color: #fff; font-size: calc(28 * var(--rpx)); font-weight: 600; line-height: 1.45;
}
.voice-live-text.placeholder[data-v-qs23] { color: rgba(255,255,255,.62); font-weight: 400;
}
.voice-live-hint[data-v-qs23] { margin-top: calc(13 * var(--rpx)); color: rgba(255,255,255,.62); font-size: calc(20 * var(--rpx)); text-align: center;
}
.voice-live-hint.cancel-ready[data-v-qs23] { color: #FFB9B2; font-weight: 650;
}
.composer-text[data-v-qs23] { align-items: stretch; padding: calc(10 * var(--rpx)) calc(10 * var(--rpx)) calc(10 * var(--rpx)) calc(16 * var(--rpx));
}
.text-input[data-v-qs23] { flex: 1; min-width: 0; min-height: calc(64 * var(--rpx)); max-height: calc(104 * var(--rpx)); height: var(--text-input-height); box-sizing: border-box; padding: calc(12 * var(--rpx)) calc(8 * var(--rpx)) calc(12 * var(--rpx)) calc(12 * var(--rpx)); overflow-y: auto; border-radius: calc(22 * var(--rpx)); background: transparent; color: #263946; font-size: calc(26 * var(--rpx)); line-height: calc(40 * var(--rpx)); text-align: left;
}
.text-input-empty[data-v-qs23] { height: calc(64 * var(--rpx)); background: transparent;
}
.text-input-filled[data-v-qs23] { background: transparent;
}
.text-placeholder[data-v-qs23] { color: #A5A9AF;
}
.plus[data-v-qs23] { color: #293A46; font-size: calc(38 * var(--rpx)); font-weight: 400;
}
.plus-glyph[data-v-qs23] { width: calc(36 * var(--rpx)); height: calc(36 * var(--rpx));
}
.text-actions[data-v-qs23] { position: relative; width: calc(136 * var(--rpx)); height: calc(64 * var(--rpx)); min-height: calc(64 * var(--rpx)); flex: none;
}
.text-actions .composer-icon[data-v-qs23],.text-actions .expand-action[data-v-qs23],.text-actions .collapse-action[data-v-qs23],.text-actions .send-inline[data-v-qs23] { position: absolute; display: flex; align-items: center; justify-content: center;
}
.text-actions .composer-icon[data-v-qs23] { top: 0; width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx));
}
.text-actions .keyboard[data-v-qs23] { right: 0;
}
.text-actions .plus[data-v-qs23] { right: calc(72 * var(--rpx));
}
.expand-action[data-v-qs23] { top: calc(11 * var(--rpx)); right: calc(68 * var(--rpx)); width: calc(52 * var(--rpx)); height: calc(42 * var(--rpx));
}
.expand-glyph[data-v-qs23] { width: calc(30 * var(--rpx)); height: calc(30 * var(--rpx));
}
.send-inline[data-v-qs23] { top: calc(4 * var(--rpx)); right: calc(4 * var(--rpx)); width: calc(56 * var(--rpx)); height: calc(56 * var(--rpx)); border-radius: 50%; background: #10A398; box-shadow: 0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(16,163,152,.2);
}
.send-glyph[data-v-qs23] { width: calc(32 * var(--rpx)); height: calc(32 * var(--rpx));
}
.action-hidden[data-v-qs23] { opacity: 0; pointer-events: none;
}
.text-actions-overflow[data-v-qs23] { height: calc(104 * var(--rpx)); min-height: calc(104 * var(--rpx));
}
.text-actions-overflow .expand-action[data-v-qs23] { top: 0; right: calc(4 * var(--rpx)); width: calc(56 * var(--rpx)); height: calc(44 * var(--rpx));
}
.text-actions-overflow .send-inline[data-v-qs23] { top: auto; right: calc(4 * var(--rpx)); bottom: 0;
}
.text-actions-overflow .plus[data-v-qs23] { top: auto; bottom: 0;
}
.composer-expanded[data-v-qs23] { top: auto; right: 0; bottom: var(--composer-bottom); left: 0; z-index: 200; height: calc(100vh - var(--expanded-top) - var(--composer-bottom)); min-height: 0; align-items: stretch; gap: 0; box-sizing: border-box; padding: calc(104 * var(--rpx)) calc(calc(42 * var(--rpx)) + var(--safe-right, 0px)) var(--expanded-padding-bottom) calc(calc(42 * var(--rpx)) + var(--safe-left, 0px)); border-radius: 0; background: #fff; box-shadow: none;
}
.composer-expanded .camera[data-v-qs23] { display: none;
}
.composer-expanded .text-input[data-v-qs23] { width: 100%; height: 100%; min-height: 0; max-height: none; padding: 0 calc(92 * var(--rpx)) 0 0; border-radius: 0; color: #182B38; font-size: calc(31 * var(--rpx)); line-height: 1.65;
}
.text-actions-expanded[data-v-qs23] { position: static; width: 0; min-height: 0;
}
.text-actions-expanded .collapse-action[data-v-qs23] { position: absolute; top: calc(28 * var(--rpx)); right: calc(calc(30 * var(--rpx)) + var(--safe-right, 0px)); width: calc(60 * var(--rpx)); height: calc(60 * var(--rpx)); display: flex; align-items: center; justify-content: center;
}
.text-actions-expanded .plus[data-v-qs23] { top: auto; right: calc(calc(110 * var(--rpx)) + var(--safe-right, 0px)); bottom: var(--expanded-padding-bottom);
}
.send-expanded[data-v-qs23] { top: auto; right: calc(calc(34 * var(--rpx)) + var(--safe-right, 0px)); bottom: var(--expanded-padding-bottom); width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx));
}

/* components/message-content/message-content */
[data-v-qs24]:root { display: block; min-width: 0; width: 100%; max-width: 100%;
}
.message-content[data-v-qs24] { width: 100%; min-width: 0; max-width: 100%; color: inherit; font-size: calc(30 * var(--rpx)); line-height: 1.62; overflow-wrap: break-word; word-break: break-word;
}
.message-group + .message-group[data-v-qs24] { margin-top: calc(18 * var(--rpx));
}
.message-block + .message-block[data-v-qs24] { margin-top: calc(16 * var(--rpx));
}
.message-paragraph[data-v-qs24], .message-list-body[data-v-qs24], .message-section-title[data-v-qs24] { white-space: pre-wrap;
}
.message-segment--emphasis[data-v-qs24] { color: #087f77; font-weight: 650;
}
.message-list-row[data-v-qs24] { display: flex; align-items: flex-start; gap: calc(12 * var(--rpx));
}
.message-list-row + .message-list-row[data-v-qs24] { margin-top: calc(8 * var(--rpx));
}
.message-list-marker[data-v-qs24] { flex: 0 0 calc(32 * var(--rpx)); color: #657472; font-variant-numeric: tabular-nums;
}
.message-list-body[data-v-qs24] { min-width: 0; flex: 1;
}
.message-section[data-v-qs24] { padding: calc(22 * var(--rpx)); border: calc(1 * var(--rpx)) solid #e0eeeb; border-radius: calc(16 * var(--rpx)); background: #f6faf9; box-sizing: border-box;
}
.message-section-header[data-v-qs24], .message-block-header[data-v-qs24] { display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); min-width: 0;
}
.message-section-header[data-v-qs24] { margin-bottom: calc(14 * var(--rpx));
}
.message-section-title[data-v-qs24] { min-width: 0; flex: 1; color: #243c38; font-weight: 650;
}
.message-block-label[data-v-qs24] { min-width: 0; flex: 1; color: #657472; font-size: calc(26 * var(--rpx)); overflow-wrap: anywhere;
}
.message-code[data-v-qs24] { border: calc(1 * var(--rpx)) solid #dce9e6; border-radius: calc(12 * var(--rpx)); background: #ffffff; overflow: hidden;
}
.message-code .message-block-header[data-v-qs24] { padding: calc(12 * var(--rpx)) calc(18 * var(--rpx)); background: #eef5f3; border-bottom: calc(1 * var(--rpx)) solid #e1ebe8;
}
.message-code-text[data-v-qs24] { display: block; padding: calc(18 * var(--rpx)); white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-all; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: inherit; line-height: inherit; user-select: text;
}
.message-table-block[data-v-qs24] { min-width: 0; width: 100%; max-width: 100%;
}
.message-table-block > .message-block-header[data-v-qs24] { padding: 0 0 calc(10 * var(--rpx));
}
.message-table-scroll[data-v-qs24] { display: block; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; border: calc(1 * var(--rpx)) solid #dce9e6; border-radius: calc(12 * var(--rpx)); background: #ffffff; overflow: hidden;
}
.message-table[data-v-qs24] { min-width: 100%; box-sizing: border-box;
}
.message-table-row[data-v-qs24] { display: flex; align-items: stretch; width: 100%;
}
.message-table-row + .message-table-row[data-v-qs24] { border-top: calc(1 * var(--rpx)) solid #e5eeeb;
}
.message-table-row--header[data-v-qs24] { background: #eaf3f0; color: #30534a; font-weight: 650;
}
.message-table-cell[data-v-qs24] { flex: 1 1 0; min-width: 0; padding: calc(14 * var(--rpx)) calc(16 * var(--rpx)); box-sizing: border-box; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; font-size: inherit; line-height: inherit;
}
.message-table-cell + .message-table-cell[data-v-qs24] { border-left: calc(1 * var(--rpx)) solid #e5eeeb;
}
.message-table-cell--left[data-v-qs24] { text-align: left;
}
.message-table-cell--center[data-v-qs24] { text-align: center;
}
.message-table-cell--right[data-v-qs24] { text-align: right;
}
.message-content .message-copy[data-v-qs24] { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: calc(72 * var(--rpx)); height: calc(72 * var(--rpx)); min-height: calc(72 * var(--rpx)); padding: calc(8 * var(--rpx)); margin: calc(-6 * var(--rpx)) calc(-8 * var(--rpx)) calc(-6 * var(--rpx)) 0; border: 0; border-radius: calc(8 * var(--rpx)); background: transparent; color: #087f77; font-family: inherit; font-size: calc(26 * var(--rpx)); font-weight: 500; line-height: 1.4; white-space: nowrap;
}
.message-copy[data-v-qs24]::after { border: 0;
}
.message-copy-icon[data-v-qs24] { display: block; width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx)); pointer-events: none;
}
.message-content .message-copy--pressed[data-v-qs24] { background: #dceee8; opacity: .8;
}
.message-content .message-copy--disabled[data-v-qs24] { color: #97aaa3; background: transparent; opacity: .7;
}
.message-footer[data-v-qs24] { display: flex; justify-content: flex-end; margin-top: calc(14 * var(--rpx));
}
.message-content .message-copy--all[data-v-qs24] { margin: 0 calc(-8 * var(--rpx)) 0 0;
}