/*
 * Juhua hermitage
 * A quiet Eastern Fence garden: rice paper, distant mountain ink,
 * faded chrysanthemum gold and unhurried negative space.
 */

.stream-label {
  display: inline-flex;
  margin-left: 9px;
  padding: 3px 8px;
  align-items: center;
  gap: 5px;
  color: var(--ochre-dark);
  background: var(--accent-soft);
  border: 1px solid rgba(137, 104, 51, 0.15);
  border-radius: 999px;
  font-size: 8px;
  letter-spacing: 0.09em;
}

.stream-label::before {
  width: 5px;
  height: 5px;
  content: "";
  background: currentColor;
  border-radius: 50%;
  animation: stream-breathe 1.25s ease-in-out infinite;
}

.shared-draft {
  opacity: 0.94;
}

.shared-draft .shared-message-content {
  min-width: 142px;
}

.shared-draft .shared-message-meta {
  color: var(--ochre-dark);
}

.private-stream-notice,
.stream-waiting {
  margin: 0;
  color: inherit;
  font-style: italic;
  opacity: 0.68;
}

.shared-draft .typing-caret::after {
  border-radius: 2px;
  animation: stream-breathe 0.9s ease-in-out infinite;
}

@keyframes stream-breathe {
  0%,
  100% {
    opacity: 0.25;
    transform: scale(0.86);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}

.identity-miniature.profile-juhua,
.portrait-card.profile-juhua .portrait-preview,
.shared-message.sender-juhua .shared-message-avatar {
  color: #f6f1df;
  background:
    radial-gradient(circle at 30% 22%, rgba(221, 208, 159, 0.18), transparent 26%),
    #68796a;
}

:root[data-site="juhua"] {
  --paper: #eee9d8;
  --paper-deep: #d8d2bd;
  --paper-light: #f9f6e9;
  --ink: #2e3731;
  --ink-soft: #667066;
  --ink-faint: #969b8f;
  --ochre: #a78e55;
  --ochre-dark: #756338;
  --petal: #b8a16a;
  --moss: #697b6b;
  --rust: #788776;
  --line: rgba(58, 70, 61, 0.12);
  --line-strong: rgba(58, 70, 61, 0.22);
  --museum: #d7d6c8;
  --museum-soft: #6b756d;
  --canvas: #ebe7d7;
  --surface: rgba(249, 247, 236, 0.9);
  --surface-solid: #f9f6e9;
  --surface-muted: #d9d8c8;
  --brand-color: #718070;
  --brand-color-deep: #536258;
  --accent-color: #b49b62;
  --accent-soft: rgba(155, 143, 102, 0.16);
  --nav-ink: #354039;
  --bubble-ai: rgba(252, 250, 241, 0.96);
  --bubble-user: #78887b;
  --bubble-user-ink: #f9f7ed;
  --shadow: 0 22px 60px rgba(60, 65, 53, 0.11);
}

html[data-site="juhua"],
html[data-site="juhua"] body {
  background-color: #d7d8cd;
}

html[data-site="juhua"] body {
  background-image:
    linear-gradient(110deg, rgba(241, 238, 218, 0.08), rgba(217, 218, 205, 0.34)),
    url("/assets/juhua-bg-desktop-v2.jpg");
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}

html[data-site="juhua"] .paper-grain {
  opacity: 0.2;
  background-image:
    repeating-linear-gradient(97deg, rgba(69, 76, 64, 0.05) 0 1px, transparent 1px 5px);
  mix-blend-mode: multiply;
}

html[data-site="juhua"] .app-shell {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(105deg, rgba(246, 242, 224, 0.74), rgba(220, 222, 210, 0.72)),
    url("/assets/juhua-bg-desktop-v2.jpg") left center / cover fixed;
}

html[data-site="juhua"] .app-shell::before {
  position: absolute;
  inset: 72px 0 0;
  z-index: -1;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(ellipse at 78% 26%, rgba(102, 124, 110, 0.12), transparent 30%),
    linear-gradient(165deg, transparent 0 59%, rgba(86, 106, 94, 0.07) 60% 61%, transparent 62%),
    linear-gradient(172deg, transparent 0 71%, rgba(83, 103, 91, 0.055) 72% 73%, transparent 74%);
  box-shadow: inset 0 0 150px rgba(84, 91, 75, 0.08);
}

/* Quiet paper header instead of black and red. */

html[data-site="juhua"] .site-header,
html[data-site="juhua"] .module-nav {
  color: #344138;
  background:
    linear-gradient(90deg, rgba(247, 244, 229, 0.95), rgba(224, 226, 214, 0.92));
  border-bottom: 1px solid rgba(80, 96, 85, 0.2);
  box-shadow:
    0 8px 24px rgba(68, 76, 63, 0.08),
    inset 0 -1px rgba(255, 255, 255, 0.7);
}

html[data-site="juhua"] .site-header {
  position: relative;
}

html[data-site="juhua"] .site-header::after {
  position: absolute;
  right: 22%;
  bottom: -1px;
  width: 120px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, #9d9069, transparent);
}

html[data-site="juhua"] .brand {
  color: #354139;
}

html[data-site="juhua"] .brand-mark {
  color: #f4f0dc;
  background:
    radial-gradient(circle at 35% 30%, rgba(221, 209, 161, 0.18), transparent 27%),
    #738173;
  border: 1px solid rgba(68, 82, 72, 0.26);
  border-radius: 50%;
  box-shadow:
    0 0 0 3px rgba(168, 154, 108, 0.18),
    0 7px 15px rgba(65, 73, 61, 0.12);
  transform: none;
}

html[data-site="juhua"] .brand-words strong {
  color: #354139;
  font-weight: 500;
}

html[data-site="juhua"] .brand-words small {
  color: rgba(53, 65, 57, 0.46);
}

html[data-site="juhua"] .module-tab {
  color: rgba(49, 64, 55, 0.57);
  border: 1px solid transparent;
}

html[data-site="juhua"] .module-tab:hover {
  color: #344238;
  background: rgba(104, 126, 110, 0.07);
}

html[data-site="juhua"] .module-tab.is-active {
  color: #2f3b33;
  background:
    linear-gradient(135deg, rgba(117, 137, 121, 0.13), rgba(166, 153, 107, 0.07));
  border-color: rgba(80, 102, 87, 0.14);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.42);
}

html[data-site="juhua"] .module-tab svg {
  stroke: #66796b;
}

html[data-site="juhua"] .nav-count {
  color: #f7f4e5;
  background: #879787;
}

html[data-site="juhua"] .identity-button {
  color: #445149;
  background: rgba(255, 253, 242, 0.52);
  border-color: rgba(82, 100, 87, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.54);
}

html[data-site="juhua"] .identity-button:hover {
  color: #2f3b34;
  background: rgba(117, 137, 121, 0.11);
  border-color: rgba(82, 100, 87, 0.32);
}

html[data-site="juhua"] .identity-button-copy small {
  color: rgba(55, 68, 59, 0.45);
}

html[data-site="juhua"] .identity-miniature {
  border-color: #eef0e5;
}

html[data-site="juhua"] .logout-button {
  color: rgba(52, 65, 56, 0.63);
  background: rgba(255, 253, 242, 0.34);
  border-color: rgba(80, 98, 85, 0.18);
}

html[data-site="juhua"] .logout-button:hover {
  color: #344138;
  background: rgba(111, 132, 116, 0.1);
}

/* Personal room: an open paper scroll facing the garden. */

html[data-site="juhua"] .chat-view.is-active {
  padding: 18px;
  background:
    radial-gradient(ellipse at 88% 12%, rgba(112, 135, 118, 0.12), transparent 27%),
    linear-gradient(110deg, rgba(243, 239, 220, 0.23), rgba(210, 214, 201, 0.24));
  gap: 15px;
}

html[data-site="juhua"] .conversation-rail {
  position: relative;
  overflow: hidden;
  color: #3c4940;
  background:
    linear-gradient(90deg, rgba(245, 241, 221, 0.77), rgba(235, 232, 213, 0.92)),
    url("/assets/juhua-bg-desktop-v2.jpg") 13% center / auto 118% no-repeat;
  border: 1px solid rgba(70, 88, 75, 0.18);
  border-radius: 28px;
  box-shadow:
    0 19px 48px rgba(62, 70, 58, 0.1),
    inset 0 0 0 5px rgba(255, 253, 241, 0.34);
}

html[data-site="juhua"] .conversation-rail::after {
  position: absolute;
  right: 15px;
  bottom: 17px;
  pointer-events: none;
  content: "南山";
  color: rgba(76, 92, 80, 0.28);
  font-family: var(--serif);
  font-size: 11px;
  letter-spacing: 0.35em;
  writing-mode: vertical-rl;
}

html[data-site="juhua"] .conversation-rail .eyebrow {
  color: #837750;
}

html[data-site="juhua"] .conversation-rail h2,
html[data-site="juhua"] .rail-foot {
  color: #3d4b41;
}

html[data-site="juhua"] .conversation-rail .icon-button {
  color: #4f6154;
  background: rgba(251, 248, 234, 0.73);
  border-color: rgba(72, 90, 77, 0.2);
}

html[data-site="juhua"] .conversation-item {
  color: #5e695f;
  border: 1px solid transparent;
}

html[data-site="juhua"] .conversation-item:hover {
  background: rgba(251, 248, 234, 0.48);
  border-color: rgba(81, 98, 84, 0.1);
}

html[data-site="juhua"] .conversation-item.is-active {
  color: #344138;
  background: rgba(250, 248, 236, 0.88);
  border-color: rgba(85, 103, 88, 0.2);
  box-shadow:
    0 11px 28px rgba(64, 72, 60, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.58);
}

html[data-site="juhua"] .conversation-item.is-active::before {
  background: #829183;
}

html[data-site="juhua"] .chat-panel {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(110deg, rgba(247, 244, 230, 0.9), rgba(236, 235, 222, 0.88)),
    url("/assets/juhua-bg-desktop-v2.jpg") center / cover;
  border: 1px solid rgba(71, 87, 75, 0.19);
  border-radius: 30px;
  box-shadow:
    0 24px 62px rgba(61, 68, 56, 0.12),
    inset 0 0 70px rgba(82, 93, 77, 0.05);
}

html[data-site="juhua"] .chat-panel::after {
  position: absolute;
  right: 17px;
  bottom: 12px;
  pointer-events: none;
  content: "悠然";
  color: rgba(82, 99, 85, 0.24);
  font-family: var(--serif);
  font-size: 11px;
  letter-spacing: 0.24em;
}

html[data-site="juhua"] .chat-topbar {
  color: #344138;
  background:
    linear-gradient(90deg, rgba(248, 245, 231, 0.84), rgba(224, 228, 216, 0.78));
  border-bottom: 1px solid rgba(69, 87, 74, 0.14);
  backdrop-filter: blur(16px);
}

html[data-site="juhua"] .chat-kicker,
html[data-site="juhua"] .chat-title-wrap h2 {
  color: #37453b;
}

html[data-site="juhua"] .memory-status {
  color: #5f6c62;
  background: rgba(250, 248, 236, 0.68);
  border-color: rgba(74, 92, 79, 0.16);
}

html[data-site="juhua"] .messages {
  background:
    radial-gradient(ellipse at 88% 14%, rgba(109, 132, 115, 0.1), transparent 28%),
    repeating-linear-gradient(96deg, rgba(70, 82, 71, 0.018) 0 1px, transparent 1px 6px),
    linear-gradient(135deg, rgba(246, 242, 224, 0.76), rgba(231, 231, 217, 0.68));
}

html[data-site="juhua"] .empty-copy {
  color: #354139;
  background:
    linear-gradient(140deg, rgba(251, 249, 237, 0.93), rgba(229, 229, 214, 0.88));
  border: 1px solid rgba(75, 91, 79, 0.18);
  border-radius: 28px;
  box-shadow:
    inset 0 0 0 5px rgba(255, 255, 255, 0.32),
    0 20px 48px rgba(63, 70, 58, 0.09);
}

html[data-site="juhua"] .message-avatar,
html[data-site="juhua"] .shared-message-avatar {
  color: #f8f5e8;
  background: #718174;
  border: 1px solid rgba(52, 69, 58, 0.24);
  border-radius: 50%;
  box-shadow:
    0 0 0 3px rgba(164, 151, 108, 0.15),
    0 8px 17px rgba(62, 69, 58, 0.12);
}

html[data-site="juhua"] .message.user .message-avatar,
html[data-site="juhua"] .shared-message.sender-user .shared-message-avatar {
  color: #454839;
  background: #c3b582;
}

html[data-site="juhua"] .message-meta,
html[data-site="juhua"] .shared-message-meta {
  color: #778077;
}

html[data-site="juhua"] .message-content {
  color: #333d36;
  background:
    linear-gradient(135deg, rgba(253, 251, 241, 0.97), rgba(238, 237, 222, 0.95));
  border: 1px solid rgba(71, 88, 75, 0.16);
  border-radius: 24px;
  box-shadow:
    0 10px 26px rgba(61, 69, 57, 0.07),
    inset 0 1px rgba(255, 255, 255, 0.7);
}

html[data-site="juhua"] .message.user .message-content {
  color: #f9f7ed;
  background:
    linear-gradient(145deg, rgba(124, 143, 128, 0.96), rgba(101, 122, 108, 0.98));
  border-color: rgba(70, 91, 77, 0.22);
  box-shadow: 0 11px 27px rgba(72, 89, 76, 0.15);
}

html[data-site="juhua"] .stream-label {
  color: #66786b;
  background: rgba(111, 133, 116, 0.1);
  border-color: rgba(89, 109, 94, 0.12);
}

html[data-site="juhua"] .typing-caret::after {
  background: #718375;
}

html[data-site="juhua"] .composer {
  background: linear-gradient(transparent, rgba(218, 218, 204, 0.78) 32%);
}

html[data-site="juhua"] .composer-paper {
  background:
    linear-gradient(135deg, rgba(252, 250, 239, 0.96), rgba(234, 233, 219, 0.94));
  border: 1px solid rgba(67, 85, 72, 0.22);
  border-radius: 24px;
  box-shadow:
    0 18px 42px rgba(63, 71, 59, 0.11),
    inset 0 0 0 3px rgba(255, 255, 255, 0.34);
}

html[data-site="juhua"] .send-button,
html[data-site="juhua"] .stop-button,
html[data-site="juhua"] .primary-button {
  color: #f8f5e7;
  background: #708174;
  border-color: #5d6f62;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.14);
}

html[data-site="juhua"] .send-button:hover,
html[data-site="juhua"] .primary-button:hover {
  background: #596b5f;
}

/* Shared garden: the same quiet paper, with both voices visible. */

html[data-site="juhua"] .shared-view,
html[data-site="juhua"] .memory-view {
  background:
    linear-gradient(110deg, rgba(243, 239, 220, 0.42), rgba(209, 214, 201, 0.48)),
    url("/assets/juhua-bg-desktop-v2.jpg") center / cover fixed;
}

html[data-site="juhua"] .shared-shell {
  width: min(1360px, calc(100% - 44px));
}

html[data-site="juhua"] .shared-hero {
  color: #36443a;
  background:
    linear-gradient(115deg, rgba(244, 240, 219, 0.72), rgba(213, 218, 204, 0.78)),
    url("/assets/juhua-bg-desktop-v2.jpg") 12% center / cover no-repeat;
  border: 1px solid rgba(69, 88, 74, 0.2);
  box-shadow:
    0 21px 52px rgba(61, 69, 57, 0.11),
    inset 0 0 0 5px rgba(255, 253, 240, 0.32);
}

html[data-site="juhua"] .shared-hero .eyebrow {
  color: #7f714a;
}

html[data-site="juhua"] .shared-hero h1 {
  color: #344238;
  text-shadow: none;
}

html[data-site="juhua"] .shared-hero > div:first-child > p:last-child {
  color: #69756b;
}

html[data-site="juhua"] .shared-presence {
  color: #4f5f54;
  background: rgba(250, 248, 235, 0.58);
  border-color: rgba(72, 91, 77, 0.16);
}

html[data-site="juhua"] .shared-room-tab {
  color: #5d6a61;
  background: rgba(245, 243, 229, 0.7);
  border: 1px solid rgba(70, 89, 75, 0.15);
}

html[data-site="juhua"] .shared-room-tab:hover,
html[data-site="juhua"] .shared-room-tab.is-active {
  color: #344139;
  background: rgba(251, 249, 238, 0.92);
  border-color: rgba(76, 96, 81, 0.24);
  box-shadow: 0 12px 29px rgba(61, 70, 58, 0.09);
}

html[data-site="juhua"] .room-tab-mark {
  color: #f8f5e7;
  background: #768778;
}

html[data-site="juhua"] .shared-room {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(125deg, rgba(248, 246, 233, 0.92), rgba(229, 230, 216, 0.9));
  border: 1px solid rgba(69, 88, 75, 0.19);
  box-shadow:
    0 24px 62px rgba(60, 69, 57, 0.12),
    inset 0 0 60px rgba(83, 99, 85, 0.045);
}

html[data-site="juhua"] .shared-room::after {
  position: absolute;
  right: 15px;
  bottom: 12px;
  pointer-events: none;
  content: "东篱";
  color: rgba(75, 92, 79, 0.22);
  font-family: var(--serif);
  font-size: 10px;
  letter-spacing: 0.25em;
}

html[data-site="juhua"] .shared-room-head {
  background:
    linear-gradient(90deg, rgba(249, 247, 235, 0.84), rgba(220, 225, 212, 0.74));
  border-bottom: 1px solid rgba(67, 86, 72, 0.13);
}

html[data-site="juhua"] .shared-messages {
  background:
    radial-gradient(ellipse at 91% 8%, rgba(105, 128, 111, 0.09), transparent 27%),
    repeating-linear-gradient(96deg, rgba(71, 83, 72, 0.017) 0 1px, transparent 1px 6px),
    linear-gradient(145deg, rgba(246, 242, 225, 0.72), rgba(228, 229, 215, 0.64));
}

html[data-site="juhua"] .shared-message-content {
  color: #354038;
  background:
    linear-gradient(135deg, rgba(253, 251, 241, 0.97), rgba(237, 237, 222, 0.95));
  border: 1px solid rgba(70, 88, 74, 0.16);
  box-shadow: 0 9px 24px rgba(62, 70, 58, 0.065);
}

html[data-site="juhua"] .shared-message.sender-juhua .shared-message-content {
  background:
    linear-gradient(135deg, rgba(249, 247, 234, 0.98), rgba(223, 227, 211, 0.94));
  border-color: rgba(79, 100, 83, 0.18);
}

html[data-site="juhua"] .shared-message.sender-sunflower .shared-message-content {
  color: #47402b;
  background:
    linear-gradient(135deg, rgba(251, 244, 210, 0.95), rgba(226, 211, 151, 0.9));
  border-color: rgba(143, 118, 54, 0.18);
}

html[data-site="juhua"] .shared-message.sender-user .shared-message-content {
  color: #f8f6eb;
  background: linear-gradient(145deg, #819083, #657568);
}

html[data-site="juhua"] .shared-draft .shared-message-content {
  background:
    linear-gradient(135deg, rgba(250, 248, 236, 0.9), rgba(222, 226, 211, 0.88));
  border-style: dashed;
}

html[data-site="juhua"] .shared-composer {
  background: rgba(207, 212, 198, 0.66);
  border-top: 1px solid rgba(67, 85, 72, 0.14);
}

html[data-site="juhua"] .shared-composer textarea {
  background: rgba(251, 249, 238, 0.9);
  border-color: rgba(67, 86, 72, 0.2);
}

/* Memory pages as a scholar's loose-leaf archive. */

html[data-site="juhua"] .memory-page {
  padding-bottom: 55px;
}

html[data-site="juhua"] .memory-hero {
  margin: 28px 0 22px;
  padding: 31px 34px;
  color: #344238;
  background:
    linear-gradient(110deg, rgba(245, 241, 221, 0.75), rgba(214, 220, 206, 0.78)),
    url("/assets/juhua-bg-desktop-v2.jpg") 10% center / cover;
  border: 1px solid rgba(70, 89, 75, 0.18);
  border-radius: 30px;
  box-shadow:
    0 22px 54px rgba(61, 70, 58, 0.11),
    inset 0 0 0 5px rgba(255, 253, 241, 0.3);
}

html[data-site="juhua"] .memory-hero h1,
html[data-site="juhua"] .memory-hero p {
  color: #38483d;
}

html[data-site="juhua"] .memory-workbench,
html[data-site="juhua"] .prompt-card,
html[data-site="juhua"] .memory-card {
  background:
    linear-gradient(145deg, rgba(250, 248, 236, 0.94), rgba(228, 230, 216, 0.9));
  border: 1px solid rgba(69, 88, 74, 0.17);
  box-shadow:
    0 17px 42px rgba(62, 70, 58, 0.09),
    inset 0 0 0 3px rgba(255, 255, 255, 0.29);
}

/* The entrance is a pale garden threshold, not a dark lounge. */

html[data-site="juhua"] .login-screen {
  background:
    linear-gradient(100deg, rgba(245, 240, 217, 0.15), rgba(205, 211, 198, 0.36));
}

html[data-site="juhua"] .login-screen::before {
  background:
    linear-gradient(rgba(239, 236, 217, 0.03), rgba(213, 216, 202, 0.06)),
    url("/assets/juhua-bg-desktop-v2.jpg") center / cover no-repeat;
  border: 7px solid #d7d1b7;
  box-shadow:
    0 0 0 1px rgba(75, 89, 76, 0.2),
    0 0 0 12px rgba(237, 233, 216, 0.83),
    0 30px 85px rgba(62, 69, 57, 0.16);
}

html[data-site="juhua"] .login-screen::after {
  background:
    radial-gradient(ellipse at 24% 50%, rgba(139, 154, 132, 0.1), transparent 34%),
    linear-gradient(105deg, transparent 0 47%, rgba(217, 220, 207, 0.6) 75%);
}

html[data-site="juhua"] .login-card {
  color: #354139;
  background:
    radial-gradient(ellipse at 10% 8%, rgba(162, 148, 101, 0.11), transparent 25%),
    linear-gradient(145deg, rgba(249, 247, 234, 0.95), rgba(224, 228, 214, 0.97));
  border: 1px solid rgba(71, 90, 76, 0.21);
  box-shadow:
    0 32px 90px rgba(60, 68, 56, 0.16),
    inset 0 0 0 5px rgba(255, 255, 255, 0.31);
}

html[data-site="juhua"] .login-card::before,
html[data-site="juhua"] .login-card::after {
  border-color: rgba(113, 130, 115, 0.42);
}

html[data-site="juhua"] .seal {
  color: #f5f1dc;
  background: #748376;
  border: 1px solid rgba(59, 77, 64, 0.22);
  border-radius: 50%;
  box-shadow:
    0 0 0 4px rgba(167, 154, 108, 0.16),
    0 12px 27px rgba(60, 69, 57, 0.12);
  transform: none;
}

html[data-site="juhua"] .login-card .eyebrow {
  color: #82744c;
}

html[data-site="juhua"] .login-card h1 {
  color: #344138;
  font-weight: 500;
  text-shadow: none;
}

html[data-site="juhua"] .login-copy {
  color: #69746b;
}

html[data-site="juhua"] .login-form label {
  color: #667168;
}

html[data-site="juhua"] .login-input-row {
  background: rgba(252, 250, 239, 0.92);
  border-color: rgba(71, 89, 75, 0.18);
  box-shadow: 0 12px 29px rgba(62, 70, 58, 0.09);
}

html[data-site="juhua"] .login-input-row button {
  color: #f8f5e6;
  background: #718174;
}

html[data-site="juhua"] .ornament-rule {
  color: #95845a;
}

html[data-site="juhua"] .ornament-rule::before,
html[data-site="juhua"] .ornament-rule::after {
  background: rgba(76, 94, 80, 0.14);
}

html[data-site="juhua"] .privacy-note {
  color: rgba(59, 73, 63, 0.43);
}

/* Juhua's portrait register follows the same calm house. */

html[data-site="juhua"] .identity-dialog {
  color: #313d34;
  background:
    radial-gradient(ellipse at 12% 8%, rgba(164, 150, 100, 0.12), transparent 24%),
    linear-gradient(145deg, #ede8d5, #daddcf);
  border-color: #8e9278;
  box-shadow:
    0 0 0 4px #eef0e4,
    0 0 0 6px #737f70,
    0 45px 130px rgba(45, 56, 47, 0.38),
    inset 0 0 65px rgba(86, 102, 88, 0.08);
}

html[data-site="juhua"] .identity-dialog-head {
  color: #354239;
  background:
    linear-gradient(105deg, rgba(241, 237, 216, 0.67), rgba(202, 211, 197, 0.84)),
    url("/assets/juhua-bg-desktop-v2.jpg") 10% center / cover no-repeat;
  border-bottom-color: rgba(86, 105, 89, 0.43);
  box-shadow: inset 0 -18px 38px rgba(79, 91, 76, 0.06);
}

html[data-site="juhua"] .identity-dialog-head .eyebrow {
  color: #7f714a;
}

html[data-site="juhua"] .identity-dialog-head h2 {
  color: #344238;
}

html[data-site="juhua"] .identity-dialog-head p:last-child {
  color: #66746a;
}

html[data-site="juhua"] .identity-dialog-head::after {
  color: #f5f2df;
  background: #718174;
  border-color: #9f9974;
}

html[data-site="juhua"] .identity-close {
  color: #53675a;
  background: rgba(247, 245, 231, 0.62);
  border-color: rgba(71, 91, 76, 0.28);
}

html[data-site="juhua"] .identity-tab.is-active {
  color: #f7f4e6;
  background:
    linear-gradient(120deg, rgba(168, 153, 102, 0.1), transparent),
    #738174;
  border-color: #657466;
}

html[data-site="juhua"] .identity-panel {
  background:
    radial-gradient(ellipse at 20% 20%, rgba(255, 253, 239, 0.63), transparent 31%),
    repeating-linear-gradient(96deg, rgba(71, 84, 72, 0.025) 0 1px, transparent 1px 7px);
}

html[data-site="juhua"] .portrait-card,
html[data-site="juhua"] .name-register {
  background:
    linear-gradient(145deg, rgba(249, 247, 233, 0.91), rgba(219, 222, 207, 0.76));
  border-color: rgba(75, 94, 79, 0.23);
  box-shadow:
    inset 0 0 0 4px rgba(255, 253, 242, 0.38),
    0 14px 31px rgba(62, 71, 59, 0.09);
}

html[data-site="juhua"] .portrait-frame {
  background: conic-gradient(from 45deg, #596b5e, #c5bb8d, #758477, #ded4aa, #596b5e);
  border-color: #657466;
  box-shadow:
    0 0 0 4px #a9a27d,
    0 0 0 6px #647265,
    0 14px 27px rgba(61, 71, 59, 0.2);
}

html[data-site="juhua"] .portrait-actions button,
html[data-site="juhua"] .portrait-file-picker {
  color: #f7f4e6;
  background: #718174;
  border-color: #5a6c5f;
}

html[data-site="juhua"] .portrait-actions button {
  color: #5d695f;
  background: rgba(249, 247, 234, 0.62);
  border-color: rgba(74, 93, 78, 0.2);
}

html[data-site="juhua"] .identity-save {
  background: #6d7e70;
  border-color: #586a5d;
}

@media (max-width: 720px) {
  html[data-site="juhua"] body,
  html[data-site="juhua"] .app-shell {
    background-image:
      linear-gradient(rgba(241, 237, 218, 0.53), rgba(210, 215, 201, 0.65)),
      url("/assets/juhua-bg-mobile-v2.jpg");
    background-position: center top;
    background-size: cover;
  }

  html[data-site="juhua"] .site-header,
  html[data-site="juhua"] .module-nav {
    background: rgba(240, 239, 225, 0.96);
  }

  html[data-site="juhua"] .chat-view.is-active {
    padding: 0;
    gap: 0;
  }

  html[data-site="juhua"] .chat-panel {
    border: 0;
    border-radius: 0;
  }

  html[data-site="juhua"] .conversation-rail {
    border-radius: 0 24px 24px 0;
  }

  html[data-site="juhua"] .shared-view,
  html[data-site="juhua"] .memory-view {
    background:
      linear-gradient(rgba(241, 237, 218, 0.5), rgba(207, 213, 199, 0.64)),
      url("/assets/juhua-bg-mobile-v2.jpg") center top / cover fixed;
  }

  html[data-site="juhua"] .shared-shell {
    width: calc(100% - 16px);
    padding-top: 13px;
  }

  html[data-site="juhua"] .memory-page {
    width: calc(100% - 16px);
  }

  html[data-site="juhua"] .memory-hero {
    margin-top: 15px;
    padding: 23px 20px;
  }
}