:root {
  --fresh-blue: #dff2ff;
  --fresh-pink: #ffe8f1;
  --fresh-paper: rgba(255,255,255,.88);
  --fresh-line: rgba(105,137,157,.18);
  --fresh-ink: #24343d;
  --fresh-muted: #70818a;
  --fresh-radius: 22px;
  --fresh-shadow: 0 16px 38px rgba(64,96,116,.09);
}
body, :root[data-theme="dark"] body {
  color: var(--fresh-ink);
  background: linear-gradient(135deg, #f2faff 0%, #f8fbff 44%, #fff5f8 100%);
  background-attachment: fixed;
}
body::before, body::after { display: none !important; }
.rail, .mobile-top { background: rgba(255,255,255,.88); border-color: var(--fresh-line); backdrop-filter: blur(12px); }
.rail-mark, .avatar-mark { border-radius: 14px; color: #365467; background: linear-gradient(135deg, var(--fresh-blue), var(--fresh-pink)); box-shadow: none; }
.rail-nav a, .rail-action { border-radius: 12px; }
.hero, .section, .aside-panel, .quick-search, .taste-panel, .search-panel, .echo-dialog-panel {
  border: 1px solid var(--fresh-line);
  border-radius: var(--fresh-radius);
  background: var(--fresh-paper);
  box-shadow: var(--fresh-shadow);
  backdrop-filter: blur(10px);
}
.hero { display: block; overflow: hidden; }
.hero { min-height: 0; height: auto; }
.hero-cover, .hero-body { position: relative; inset: auto; width: auto; height: auto; }
.hero-cover { min-height: 190px; }
.hero-body { min-height: 0; padding-block: 28px; }
.hero-cover {
  min-height: 190px;
  background: linear-gradient(122deg, #d9effc 0%, #edf7fd 52%, #fae8ef 100%);
  color: #506d7d;
}
.cover-grid, .cover-line, .cover-signal, .cover-coordinates { display: none; }
.cover-stamp, .section-code, .identity-kicker { display: none; }
.hero-body { background: transparent; }
.hero-body { grid-template-columns: 76px minmax(0,1fr); }
.avatar-wrap { width: 76px; height: 76px; }
.identity { min-width: 0; }
.identity h1 { font-size: clamp(26px,2.5vw,32px); overflow-wrap: anywhere; }
.identity-note { grid-column: 1 / -1; }
.quick-search label > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.pinned-link > span { display: none; }
.archive-row, .project-row, .pinned-link, .echo-item, .taste-item {
  border-color: var(--fresh-line);
  border-radius: 14px;
  background: rgba(255,255,255,.66);
}
.archive-row:hover, .project-row:hover, .pinned-link:hover { background: white; transform: translateY(-1px); }
button, input, textarea, .echo-open { border-radius: 12px; }
.theme-pull, .page-switch { opacity: .62; }
:root[data-theme="dark"] {
  --fresh-paper: rgba(27,31,35,.92);
  --fresh-line: rgba(255,255,255,.10);
  --fresh-ink: #e9eef1;
  --fresh-muted: #a2adb3;
}
:root[data-theme="dark"] body { background: linear-gradient(135deg, #17232b, #1c2027 50%, #2a1f25); }
:root[data-theme="dark"] .hero-cover { background: linear-gradient(125deg, #273f4d, #28343c 55%, #46313a); }
@media (max-width: 760px) {
  .hero, .section, .aside-panel, .quick-search { border-radius: 18px; }
  .content { padding-inline: 12px; }
}
